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

Wprowadzenie

Pamięć podręczna stanu strony internetowej (bfcache) przechowuje migawkę strony w pamięci, gdy zostanie ona przywrócona z historii nawigacji. Znacznie przyspiesza to powrót do strony, jednak niektóre interfejsy API przeglądarek (np. unload) mogą powodować błędy w pamięci podręcznej bfcache i wczytywać stronę normalnie.

Jak Lighthouse wykrywa błędy bfcache

Samodzielne nawigację

Pod koniec samodzielnej nawigacji narzędzie Lighthouse opuści stronę i spróbuje przywrócić stronę z historii nawigacji, aby sprawdzić, czy używana jest pamięć podręczna stanu strony internetowej.

Przepływy użytkowników

Lighthouse nie będzie aktywnie testować pamięci podręcznej stanu strony internetowej podczas nawigacji podczas działania użytkownika. Dzieje się tak, ponieważ ponowne opuszczenie strony i ponowne przejście na koniec każdego etapu nawigacji nie odzwierciedla większości wrażeń użytkownika na stronie.

Nadal możesz jednak przetestować wykorzystanie pamięci podręcznej w trybie przedziału czasu, uwzględniając w ścieżce użytkownika nawigację w historii. 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();

Omówienie błędów dotyczących buforowania bfcache

Jeśli z jakiegokolwiek powodu nie uda się przywrócić strony z pamięci podręcznej stanu strony internetowej, inspekcja się nie powiedzie. Lighthouse wyświetli listę wszystkich powodów, dla których nie udało się użyć pamięci podręcznej stanu strony internetowej, wraz z ramkami, które spowodowały problem. Możliwe są 3 rodzaje przyczyn niepowodzenia:

  • Przydatne: możesz rozwiązać te problemy, aby włączyć zapisywanie w pamięci podręcznej.
  • Oczekuje na pomoc: Chrome nie obsługuje jeszcze tych funkcji, więc nie zapisują się w pamięci podręcznej. Jednak gdy zaczną być one już obsługiwane, Chrome eliminuje te ograniczenia.
  • Brak możliwości działania: nie można rozwiązać tych problemów na tej stronie. Coś, co jest poza kontrolą strony, uniemożliwia zapisywanie w pamięci podręcznej.

Przykładowy wynik kontroli pamięci podręcznej stanu strony internetowej w Lighthouse

Zasoby