Molti utenti della tua pagina la visitano con una connessione di rete cellulare lenta. Il caricamento rapido delle pagine su una rete mobile contribuisce a garantire un'esperienza positiva per gli utenti di dispositivi mobili.
Come non riesce il controllo della velocità di caricamento della pagina di Lighthouse
Lighthouse segnala le pagine che non si caricano abbastanza velocemente sui dispositivi mobili:
Due metriche principali influiscono sulla percezione del tempo di caricamento da parte degli utenti:
- First Meaningful Paint (FMP), che misura il momento in cui i contenuti principali della pagina appaiono visivamente completi
- Tempo all'interattività (TTI), che misura il momento in cui la pagina è completamente interattiva
Ad esempio, se una pagina appare visivamente completa dopo 1 secondo, ma l'utente non può interagirvi per 10 secondi, probabilmente percepirà il tempo di caricamento della pagina come pari a 10 secondi.
Lighthouse calcola il valore del TTI su una connessione di rete 4G lenta. Se il tempo di interattività è superiore a 10 secondi, il controllo non va a buon fine.
Come migliorare il punteggio di rendimento complessivo
A meno che tu non abbia un motivo specifico per concentrarti su una determinata metrica, in genere è meglio concentrarsi sul miglioramento del punteggio complessivo del rendimento.
Utilizza la sezione Diagnostica del report Lighthouse per determinare quali miglioramenti avranno il maggiore valore per la tua pagina. Maggiore è l'opportunità, maggiore sarà l'effetto sul punteggio di rendimento. Ad esempio, lo screenshot di Lighthouse che segue mostra che l'eliminazione delle risorse che bloccano il rendering produrrà il miglioramento più significativo:
Consulta la sezione Controlli del rendimento per scoprire come sfruttare le opportunità identificate nel report Lighthouse.
Risorse
- Codice sorgente per il controllo Il caricamento della pagina non è abbastanza veloce sulle reti mobili
- Elenco di controllo di base per le app web progressive
- Percorso di rendering critico
- Iniziare a analizzare il rendimento in fase di esecuzione
- Registrare il rendimento del caricamento
- Ottimizzazione dell'efficienza dei contenuti
- Prestazioni di rendering