La pagina corrente non risponde con un codice 200 quando è offline

L'elenco di controllo delle app web progressive principali indica che una PWA deve fornire una pagina offline personalizzata. L'elenco di controllo dell'app web progressiva ottimizzata indica che una PWA deve fornire un'esperienza offline in cui funziona allo stesso modo offline e online (laddove non sia strettamente necessaria la connettività di rete).

Per saperne di più, consulta il post Che cos'è l'affidabilità della rete e come viene misurata?.

Problemi con il controllo offline di Lighthouse

Lighthouse segnala le pagine che non rispondono con una risposta HTTP 200 in modalità offline:

Controllo Lighthouse che mostra che la pagina non risponde con un codice 200 quando è offline

Lighthouse emula una connessione offline utilizzando il protocollo di debug remoto di Chrome, quindi tenta di recuperare la pagina utilizzando XMLHttpRequest.

Come far funzionare la PWA offline

  1. Aggiungi un service worker alla tua app.
  2. Utilizza il service worker per memorizzare i file nella cache localmente.
  3. Quando sei offline, utilizza il service worker come proxy di rete per restituire la versione del file memorizzata nella cache locale.

Risorse