Molti utenti della tua pagina visitano la pagina con una connessione di rete mobile lenta. Un caricamento rapido della pagina su una rete mobile contribuisce a garantire un'esperienza positiva per gli utenti di dispositivi mobili.
Problemi con il controllo della velocità di caricamento delle pagine di Lighthouse
Lighthouse segnala le pagine che non si caricano abbastanza velocemente sui dispositivi mobili:
Due metriche principali influiscono sul modo in cui gli utenti percepiscono il tempo di caricamento:
- First Meaningful Paint (FMP), che misura quando i contenuti principali della pagina appaiono visivamente completi
- Tempo all'interattività (TTI), che misura quando la pagina è completamente interattiva
Ad esempio, se una pagina appare visivamente completa dopo 1 secondo, ma l'utente non può interagire con essa per 10 secondi, è probabile che gli utenti percepiscano il tempo di caricamento della pagina pari a 10 secondi.
Lighthouse calcola cosa sarebbe il TTI su una connessione di rete 4G lenta. Se il tempo all'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, è meglio concentrarsi sul miglioramento del punteggio di rendimento complessivo.
Utilizza la sezione Opportunità del report Lighthouse per determinare quali miglioramenti avranno più valore per la tua pagina. Più alta è l'opportunità, maggiore sarà l'effetto sul punteggio del rendimento. Ad esempio, lo screenshot di Lighthouse riportato di seguito mostra che l'eliminazione delle risorse di blocco della visualizzazione produrrà il maggiore miglioramento:
Consulta la pagina di destinazione dei controlli delle prestazioni per scoprire come sfruttare le opportunità identificate nel report Lighthouse.
Risorse
- Il codice sorgente per il controllo Il caricamento della pagina non è sufficientemente veloce sulle reti mobili
- Elenco di controllo per le app web progressive di riferimento
- Percorso di rendering critico
- Inizia all'analisi delle prestazioni del runtime
- Registra le prestazioni di caricamento
- Ottimizzazione dell'efficienza dei contenuti
- Prestazioni del rendering