De huidige pagina reageert niet met een 200 wanneer deze offline is

De Core Progressive Web App-checklist zegt dat een PWA een aangepaste offlinepagina moet bieden. De Optimial Progressive Web App-checklist zegt dat een PWA een offline-ervaring moet bieden waarbij de PWA offline hetzelfde werkt als online (waar netwerkconnectiviteit niet strikt vereist is).

Lees meer in de Wat is netwerkbetrouwbaarheid en hoe meet je deze? na.

Hoe de offline audit van Lighthouse mislukt

Lighthouse markeert pagina's die niet reageren met een HTTP 200-reactie wanneer ze offline zijn:

Lighthouse-audit laat zien dat de pagina niet reageert met een 200 wanneer deze offline is

Lighthouse emuleert een offline verbinding met behulp van het Chrome Remote Debugging Protocol en probeert vervolgens de pagina op te halen met behulp van XMLHttpRequest .

Hoe u uw PWA offline kunt laten werken

  1. Voeg een servicemedewerker toe aan uw app.
  2. Gebruik de servicemedewerker om bestanden lokaal in de cache op te slaan.
  3. Wanneer u offline bent, gebruikt u de servicemedewerker als netwerkproxy om de lokaal in de cache opgeslagen versie van het bestand te retourneren.

Bronnen