Bieżąca strona nie wyświetla błędu 200, gdy jest offline

Z listy kontrolnej podstawowej progresywnej aplikacji internetowej wynika, że aplikacja PWA powinna udostępniać niestandardową stronę offline. Z listy kontrolnej optymalizacji progresywnej aplikacji internetowej wynika, że aplikacja PWA powinna działać w trybie offline, tak samo jak offline i online (wszędzie tam, gdzie połączenie sieciowe nie jest bezwzględnie wymagane).

Więcej informacji znajdziesz w poście Co to jest niezawodność sieci i jak ją mierzysz?.

Co się dzieje z kontrolą offline w Lighthouse

Lighthouse oznacza strony, które nie odpowiadają odpowiedzią HTTP 200 w trybie offline:

Inspekcja Lighthouse: strona nie wyświetla błędu 200, gdy jest offline

Lighthouse emuluje połączenie offline przy użyciu protokołu zdalnego debugowania Chrome, a następnie próbuje pobrać stronę przy użyciu XMLHttpRequest.

Jak skonfigurować aplikację PWA w trybie offline

  1. Dodaj do aplikacji skrypt service worker.
  2. Użyj skryptu service worker do lokalnego buforowania plików.
  3. W trybie offline należy używać skryptu service worker jako sieciowego serwera proxy, aby zwrócić wersję pliku zapisaną w lokalnej pamięci podręcznej.

Zasoby