In che modo Lighthouse calcola il punteggio delle prestazioni complessivo
In generale, solo le metriche contribuiscono al punteggio del rendimento di Lighthouse, non i risultati di Opportunità o Diagnostica. Detto questo, il miglioramento delle opportunità e della diagnostica probabilmente migliora i valori delle metriche, quindi esiste una relazione indiretta.
Di seguito, abbiamo descritto il motivo per cui il punteggio può variare, come è composto e come Lighthouse valuta ogni singola metrica.
Perché il tuo punteggio varia
Gran parte della variabilità del punteggio di rendimento complessivo e dei valori delle metriche non è dovuta a Lighthouse. Quando il punteggio di rendimento fluttua, di solito è a causa di cambiamenti nelle condizioni sottostanti. I problemi più comuni includono:
- Test A/B o modifiche agli annunci pubblicati
- Modifiche al routing del traffico internet
- Test su dispositivi diversi, ad esempio un computer desktop ad alte prestazioni e un laptop a basso rendimento
- Estensioni del browser che inseriscono JavaScript e aggiungono/modificano le richieste di rete
- Software antivirus
La documentazione di Lighthouse sulla variabilità tratta questo argomento in modo più approfondito.
Inoltre, anche se Lighthouse può fornire un singolo punteggio complessivo del rendimento, potrebbe essere più utile considerare il rendimento del sito come una distribuzione di punteggi anziché come un singolo numero. Per capire il motivo, consulta l'introduzione alle metriche sul rendimento focalizzate sugli utenti.
Come viene ponderato il punteggio rendimento
Il punteggio relativo al rendimento è una media ponderata dei punteggi delle metriche. Naturalmente, le metriche con un peso maggiore hanno un effetto maggiore sul punteggio complessivo del rendimento. I punteggi delle metriche non sono visibili nel report, ma vengono calcolati in modo approfondito.
Lighthouse 10
| Controllo | Peso |
|---|---|
| First Contentful Paint | 10% |
| Indice di velocità | 10% |
| Largest Contentful Paint | 25% |
| Total Blocking Time | 30% |
| Cumulative Layout Shift | 25% |
Faro 8
| Controllo | Peso |
|---|---|
| First Contentful Paint | 10% |
| Indice di velocità | 10% |
| Largest Contentful Paint | 25% |
| Tempo all'interattività | 10% |
| Total Blocking Time | 30% |
| Cumulative Layout Shift | 15% |
Come vengono determinati i punteggi delle metriche
Una volta raccolte le metriche sul rendimento (per lo più riportate in millisecondi), Lighthouse converte ogni valore della metrica non elaborata in un punteggio della metrica compreso tra 0 e 100 in base alla posizione del valore della metrica nella distribuzione dei punteggi di Lighthouse. La distribuzione dei punteggi è una distribuzione lognormale derivata dalle metriche sul rendimento dei dati sul rendimento reale dei siti web su HTTP Archive.
Ad esempio, la metrica Largest Contentful Paint (LCP) misura quando un utente percepisce che sono visibili i contenuti più grandi di una pagina. Il valore della metrica per LCP rappresenta l'intervallo di tempo che intercorre tra l'avvio del caricamento pagina da parte dell'utente e la visualizzazione dei contenuti principali della pagina. In base ai dati del sito web reale, i siti con il rendimento migliore visualizzano la metrica LCP in circa 1220 ms, quindi il valore della metrica viene mappato a un punteggio di 99.
Andando un po' più a fondo, il modello della curva di punteggio di Lighthouse utilizza i dati HTTPArchive per determinare due punti di controllo che quindi impostano la forma di una curva log-normal. Il 25° percentile di dati di archivio HTTP diventa un punteggio di 50 (il punto di controllo mediano), mentre l'8° percentile diventa un punteggio di 90 (il punto di controllo buono/verde). Mentre esplori il grafico della curva di punteggio, tieni presente che tra 0,50 e 0,92 esiste una relazione quasi lineare tra il valore e il punteggio della metrica. Circa 0,96 c'è il "punto di diminuzione dei rendimenti", perché più in alto la curva si allontana, richiedendo un miglioramento delle metriche sempre maggiore per migliorare un punteggio già elevato.
Come viene gestita la differenza tra computer e dispositivi mobili
Come già detto, le curve dei punteggi sono determinate da dati reali sul rendimento. Prima della versione 6 di Lighthouse, tutte le curve di punteggio si basavano sui dati sul rendimento mobile, ma una corsa di Lighthouse su computer le utilizzava. In pratica, ciò ha portato a punteggi gonfiati artificialmente per i computer. Lighthouse v6 ha corretto questo bug utilizzando punteggi desktop specifici. Anche se puoi aspettarti variazioni complessive nel tuo punteggio prestazioni da 5 a 6, i punteggi relativi ai computer desktop saranno significativamente diversi.
Come vengono assegnati i colori ai punteggi
I punteggi delle metriche e il punteggio prestazioni sono colorati in base a questi intervalli:
- Da 0 a 49 (rosso): scadente
- Da 50 a 89 (arancione): richiede miglioramenti
- 90-100 (verde): buono
Per offrire una buona esperienza utente, i siti devono cercare di ottenere un buon punteggio (90-100). Un punteggio "perfetto" di 100 è estremamente difficile da ottenere e non è previsto. Ad esempio, prendere un punteggio da 99 a 100 richiede circa lo stesso miglioramento della metrica che richiederebbe un punteggio da 90 a 94.
Cosa possono fare gli sviluppatori per migliorare il proprio punteggio di rendimento?
Innanzitutto, utilizza il calcolatore del punteggio Lighthouse per capire quali soglie dovresti raggiungere per ottenere un determinato punteggio delle prestazioni di Lighthouse.
Nel report Lighthouse, la sezione Opportunità contiene suggerimenti dettagliati e documentazione su come implementarli. Inoltre, la sezione Diagnostica contiene ulteriori indicazioni che gli sviluppatori possono esaminare per migliorare ulteriormente le proprie prestazioni.