Le transizioni di pagina rapide sono fondamentali per il modo in cui gli utenti percepiscono le prestazioni della tua app web progressiva (PWA). Le transizioni dovrebbero sembrare rapide, anche in una rete lenta.
Suggerimenti
Per trovare le transizioni di pagina lente, naviga nell'app web con una rete lenta simulata. Per farlo in Chrome:
[comment]: <> (Le prime due voci dell'elenco sono uno Short di web.dev, ma non è stato tradotto dall'inglese in nessuna lingua).
1. Premi Control+Shift+J (o Command+Option+J su Mac) per aprire DevTools.
2. Fai clic sulla scheda Rete.
3. Nell'elenco a discesa Minore, seleziona Slow 3G.
Ogni volta che tocchi un link o un pulsante nell'app, verifica che la pagina risponda immediatamente in uno dei due seguenti modi:
- La pagina passa immediatamente alla schermata successiva e viene visualizzata una schermata di caricamento in attesa dei contenuti della rete.
- Nella pagina viene visualizzato un indicatore di caricamento mentre l'app attende una risposta dalla rete.
Se lavori su un'app a pagina singola sottoposta a rendering dal client, porta immediatamente l'utente alla pagina successiva e mostra una schermata di base. Assicurati di mostrare immediatamente tutti i contenuti già disponibili, come il titolo o la miniatura della pagina, mentre il resto del contenuto viene caricato.