Sprawdź, czy stronę można przywrócić z pamięci podręcznej stanu strony internetowej

Tło

Pamięć podręczna stanu strony internetowej (bfcache) przechowuje w pamięci migawkę strony na potrzeby przywrócenia jej z historii nawigacji. Dzięki temu wczytywanie strony powracającej jest znacznie szybsze, ale niektóre interfejsy API przeglądarki (np. odtwarzacze przy zwalnianiu pamięci) mogą spowodować błąd w pamięci podręcznej stanu strony internetowej i strona zostanie załadowana normalnie.

Jak Lighthouse wykrywa błędy pamięci podręcznej Bfcache

Samodzielne nawigacje

Po zakończeniu samodzielnej nawigacji Lighthouse opuści stronę i spróbuje przywrócić stronę z historii nawigacji, aby sprawdzić, czy przeglądarka korzysta z pamięci podręcznej stanu strony internetowej.

Procesy użytkownika

Lighthouse nie będzie aktywnie testować obiektu bfcache w nawigacji podczas uruchamiania wzorca użytkownika. Dzieje się tak, ponieważ opuszczenie strony i powrót do strony na końcu każdego elementu nawigacyjnego nie odzwierciedla większości wrażeń użytkowników związanych ze stroną.

Nadal możesz jednak testować wykorzystanie pamięci podręcznej stanu strony internetowej w trybie zakresu czasu, dodając nawigację po historii w ramach ścieżki użytkownika. Na przykład:

const flow = await startFlow(page);

// This navigation will not test the bfcache
// because it is part of a user flow.
await flow.navigate('https://example.com');

// This timespan will try to restore the page from the bfcache.
// Problems restoring from the bfcache are surfaced in this report.
await flow.startTimespan();
await page.goto('https://example2.com');
await page.goBack();
await flow.endTimespan();

Błędy pamięci podręcznej Bfcache

Jeśli z jakiegoś powodu strony nie można było przywrócić z pamięci podręcznej stanu strony internetowej, kontrola zakończy się niepowodzeniem. W Lighthouse wymienione są wszystkie przyczyny, dla których nie można było użyć elementu bfcache, wraz z klatkami, które spowodowały problem. Istnieją 3 przyczyny niepowodzenia:

  • Przydatne: rozwiąż te problemy, aby włączyć buforowanie.
  • Oczekiwanie na pomoc: Chrome nie obsługuje jeszcze tych funkcji, więc zapobiegają one buforowaniu. Gdy jednak Chrome zacznie je obsługiwać, te ograniczenia zostaną usunięte.
  • Brak możliwości działania: tych problemów nie można rozwiązać na tej stronie. Zapisuje się w pamięci podręcznej.

Przykładowy wynik audytu pamięci podręcznej stanu strony internetowej

Zasoby