Przetestuj pamięć podręczną stanu strony internetowej

Sofia Emelianova
Sofia Emelianova
GitHub

Z tego przewodnika dowiesz się, jak za pomocą Narzędzi deweloperskich w Chrome wykonać te czynności:

  • Sprawdź, czy strona została zoptymalizowana pod kątem natychmiastowego wczytywania, gdy używasz przycisków Wstecz i Dalej w przeglądarce.
  • Identyfikowanie problemów, które mogą uniemożliwić Twojej stronie kwalifikowanie się do tego typu pamięci podręcznej.

Pamięć podręczna stanu strony internetowej (bfcache) to rodzaj optymalizacji przeglądarki, która umożliwia błyskawiczną nawigację w obu kierunkach. Więcej informacji znajdziesz w artykule Pamięć podręczna stanu strony internetowej.

Testowanie pamięci podręcznej stanu strony internetowej

Aby przetestować pamięć podręczną stanu strony internetowej, wykonaj te czynności:

  1. Na stronie otwórz DevTools, a potem przejdź do Aplikacja > Usługi w tle > Pamięć podręczna wstecz/wprzód.

    Karta pamięci podręcznej stanu strony internetowej.

  2. Kliknij Przetestuj pamięć podręczną stanu strony internetowej.

    Chrome automatycznie przekieruje Cię na stronę chrome://terms/, a potem z powrotem na Twoją stronę.

    Możesz też kliknąć przyciski Wstecz i Dalej w przeglądarce.

Jeśli pamięć podręczna wstecz/wprzód działa prawidłowo w przypadku Twojej strony, zobaczysz ten komunikat:

Wyświetlono z pamięci podręcznej stanu strony internetowej.

W przeciwnym razie zobaczysz listę problemów.

Aby dowiedzieć się, które problemy dotyczą poszczególnych ramek, rozwiń sekcję Ramki Ikona rozwijania.

Rozwinięta sekcja Ramki.

Rozwiązywanie problemów uniemożliwiających buforowanie

Jeśli Twoja strona nie kwalifikuje się do korzystania z pamięci podręcznej stanu strony internetowej, na karcie Pamięć podręczna stanu strony internetowej znajdziesz listę z 3 rodzajami przyczyn:

Nie kwalifikuje się do korzystania z pamięci podręcznej stanu strony internetowej.

  • Przydatne. Aby włączyć buforowanie, możesz rozwiązać te problemy. Możesz na przykład przestać używać zdarzeń unload.
  • Pomoc oczekująca. Chrome nie obsługuje jeszcze tych funkcji, więc uniemożliwiają one buforowanie. Gdy jednak Chrome zacznie je obsługiwać, te ograniczenia zostaną usunięte.
  • Nie umożliwiają podjęcia działań. Nie możesz rozwiązać tych problemów na tej stronie. Zapisuje w pamięci podręcznej.

Aby dowiedzieć się, która klatka jest blokowana, rozwiń odpowiednią sekcję w opisie problemu.

Ramki blokujące.

Typowe problemy, które uniemożliwiają korzystanie z pamięci podręcznej stanu strony internetowej

Istnieją 2 główne przyczyny, dla których bfcache nie może się uruchomić:

  • Cache-Control: no-store nagłówek.

    Ta wartość nagłówka jest zalecana w przypadku stron z danymi osobowymi i prywatnymi. W przypadku stron, które mają być stosunkowo aktualne, użyj wartości no-cache lub krótkiego czasu przechowywania w pamięci podręcznej, np. max-age=60.

  • Problematyczne moduły obsługi wyładowania.

    Chrome planuje wycofanie obsługi modułów obsługi wyładowania i zaleca, aby nigdy nie używać zdarzenia unload.

    Aby mieć pewność, że Twoja witryna nie używa obsługi odłączania i nie zapobiega na przykład dodawaniu zdarzeń unload przez rozszerzenia, zadeklaruj nagłówek odpowiedzi HTTP Permissions-Policy: unload=().