Il web moderno è utilizzato da un'ampia fetta di persone che utilizzano una serie di dispositivi e tipi di connessioni di rete diversi. Le tue creazioni possono raggiungere utenti in tutto il mondo, ma offrire un'esperienza affidabile sul web per tutti gli utenti può essere difficile. Può essere difficile anche solo capire cosa significa affidabilità.
Affidabilità offline
Un modo per pensare all'affidabilità è se la tua app web funzionerà senza una connessione di rete. Questo è un tipo di affidabilità che gli utenti danno per scontata con le app specifiche della piattaforma installate su un dispositivo mobile da un app store. Quando vedi un'icona per una di queste app, ti aspetti di poterla toccare e aprire una sorta di esperienza, indipendentemente dal fatto che tu sia attualmente connesso a internet.
Fino a poco tempo fa, era difficile creare applicazioni web affidabili senza una connessione di rete.
Affidabilità e velocità
Un altro modo per pensare all'affidabilità è se gli utenti possono fare affidamento sul caricamento della tua app web a una velocità sufficientemente elevata quando hanno una connessione di rete che potrebbe non essere ideale. Gli utenti di ritorno avranno la stessa esperienza di interazione con la tua app web quando sono su una rete cellulare come quando sono su una rete Wi-Fi? E per quanto riguarda gli utenti che hanno una connessione a latenza elevata o "lie-fi" . La tua app web sarà affidabile e veloce anche in questi scenari?
Non basta essere veloci nelle migliori circostanze. Gli utenti visualizzeranno il rendimento della tua app web in base al suo comportamento in tutte le condizioni di rete.
L'affidabilità è raggiungibile
La buona notizia è che la piattaforma web moderna fornisce tecnologie, come i service worker e l' API Storage nella cache, che possono fungere da elementi costitutivi per la creazione di applicazioni web affidabili. Ti consentono di scrivere codice che si trova tra l'app web e la rete. In molti casi, puoi ignorare completamente la rete e utilizzare invece i contenuti memorizzati nella cache in precedenza per soddisfare le richieste della tua app web.
La tua luce guida: risponde con un codice 200 OK quando è offline
Una volta che inizi a creare un service worker e a pubblicare contenuti dalle cache, è difficile sapere se lo stai facendo in modo efficace. Come fai a sapere che il service worker che implementi aiuta davvero la tua app web a evitare la rete? Come fai a impedire che una piccola modifica alla tua strategia di memorizzazione nella cache interrompa l'esperienza offline creata con cura?
Lighthouse fornisce un test specifico di particolare interesse quando crei un'app web affidabile: Risponde con un codice 200 OK quando è offline:
Che cosa viene testato qui? Si tratta di simulare una perdita di connettività di rete all'interno del browser, seguita da un tentativo di caricare l'URL del tuo sito sottoposto a audit. Questo test verifica un aspetto della creazione di un sito affidabile , ovvero l'affidabilità offline, utilizzando una sequenza di azioni controllata e ripetibile.
È un percorso
Se hai appena iniziato, è molto probabile che riceverai un risultato negativo per il controllo Risponde con un codice 200 quando è offline. Non preoccuparti. A meno che tu non stia utilizzando un progetto di avvio personalizzato, le applicazioni web non hanno questo tipo di affidabilità per impostazione predefinita. Le prossime guide introdurranno le tecniche necessarie per identificare i contenuti caricati dalla tua app web e ti insegneranno come utilizzare Lighthouse per rendere affidabile l'esperienza di caricamento.
Durante questo processo, ti consigliamo di continuare a eseguire gli audit di Lighthouse. Servono da guida durante il tuo percorso, a partire da una nuova applicazione web fino a un'app web progressiva affidabile.