L'indice di velocità è una delle cinque metriche monitorate nella sezione Prestazioni del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento della pagina.
Lighthouse visualizza l'indice di velocità in secondi:
![Uno screenshot del controllo dell'indice di velocità Lighthouse.](https://developer.chrome.google.cn/static/docs/lighthouse/performance/speed-index/image/a-screenshot-the-lightho-a99ab3a38d256.png?authuser=9&hl=it)
Misura dell'indice di velocità
L'indice di velocità misura la velocità con cui i contenuti vengono visualizzati visivamente durante il caricamento pagina. Lighthouse acquisisce innanzitutto un video del caricamento della pagina nel browser e calcola l'avanzamento visivo tra i frame. Lighthouse utilizza quindi il modulo Speedline Node.js per generare il punteggio dell'indice di velocità.
In che modo Lighthouse determina il punteggio dell'indice di velocità
Il punteggio dell'indice di velocità mette a confronto l'indice di velocità della tua pagina e gli indici di velocità di siti web reali, in base ai dati dell'archivio HTTP.
Questa tabella mostra come interpretare il punteggio dell'Indice di velocità su dispositivi mobili:
Indice di velocità (in secondi) |
Codifica con colori |
---|---|
0–3,4 | Verde (veloce) |
3,4-5,8 | Arancione (moderato) |
Più di 5,8 | Rosso (lenta) |
Come migliorare il punteggio dell'indice di velocità
Sebbene qualsiasi operazione tu faccia per migliorare la velocità di caricamento della pagina migliorerà il tuo punteggio Indice di velocità, risolvere eventuali problemi rilevati da questi controlli di diagnostica dovrebbe avere un impatto particolarmente significativo:
- Riduci al minimo il lavoro del thread principale
- Ridurre il tempo di esecuzione di JavaScript
- Assicurati che il testo rimanga visibile durante il caricamento dei caratteri web
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:
![Lighthouse: sezione Opportunità](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=9&hl=it)
Consulta la pagina di destinazione dei controlli delle prestazioni per scoprire come sfruttare le opportunità identificate nel report Lighthouse.