Miglioramento del rilevamento del supporto offline delle app web progressive

Penny McLachlan
Penny McLachlan

Le app web progressive (PWA) sono un modello per realizzare applicazioni moderne e installabili utilizzando la tecnologia web per dispositivi mobili e computer.

Uno dei criteri per creare un'esperienza web moderna e non per puro caso, è che l'app deve continuare a funzionare anche se il dispositivo è offline. Ciò significa che lo schermo di Dino di Chrome non viene più visualizzato se l'utente perde la rete accedere sul suo dispositivo.

L'obiettivo di tutti i criteri delle PWA è quello di garantire che gli utenti abbiano un'alta un'esperienza competitiva e di qualità durante la navigazione sul web. Chrome esegue vengono confrontati con i criteri PWA prima di attivare l'installazione per una PWA.

Solo le app che soddisfano tutti i requisiti principali Criteri di installabilità delle app web progressive, incluso il supporto per una modalità offline, può essere installata sul dispositivo da Chrome.

Precedente logica di rilevamento offline

La verifica del supporto offline fa parte dell'installabilità della PWA criteri per diversi anni. Fino a poco tempo fa, Chrome non disponeva di simulare le richieste tramite il service worker, in modo che una verifica non è stato possibile ottenere un comportamento offline corretto.

Diagramma del service worker

Ciò significa che Chrome non ha potuto verificare se fetch il gestore di eventi ha restituito una risorsa valida con HTTP 200 durante il controllo offline. Chrome ha solo controllato se il service worker disponeva effettivamente di un gestore fetch.

Logica di rilevamento offline aggiornata

Chrome 89 ha aggiunto la possibilità di eseguire richieste offline simulate tramite il service worker, consentendo una migliore logica di rilevamento offline per riflettere meglio l'effettivo supporto offline dell'applicazione.

Avevamo pianificato di utilizzare questa nuova capacità per garantire che le PWA fornissero una pagina quando sei offline, ma i piani sono sospesi. Il controllo di installabilità continuerà a essere superata se la pagina ha un service worker che include un Gestore di eventi fetch.

Cosa cambia per gli sviluppatori?

Anche se al momento non è necessario apportare modifiche, ti consigliamo vivamente di fornire una offline, poiché prevediamo di utilizzare la logica aggiornata per verificare la disponibilità in futuro.

Sta a te decidere che tipo di esperienza offline offrire. Da un lato, c'è un'esperienza offline pienamente funzionale. Ciò significa memorizzare in anticipo tutte le risorse e i dati necessari e sincronizzare i dati server web quando l'utente è di nuovo online. La memorizzazione nella cache delle risorse contribuirà inoltre a migliorare metriche Core Web Vitals perché eliminano la necessità di scaricare di risorse dalla rete ogni volta. All'altra estremità dello spettro c'è una pagina di riserva offline personalizzata.

L'avviso visualizzato sotto La scheda Problemi degli strumenti per sviluppatori verrà rimossa intorno alla versione 90 di Chrome.