In che modo Lighthouse calcola il punteggio complessivo delle prestazioni
In generale, solo le metrics contribuiscono al punteggio delle prestazioni di Lighthouse, non ai risultati di Opportunità o Diagnostica. Detto questo, il miglioramento delle opportunità e della diagnostica probabilmente migliorerà i valori delle metriche, quindi esiste una relazione indiretta.
Di seguito abbiamo descritto perché il punteggio può variare, come è compreso e come Lighthouse assegna a ogni singola metrica.
Perché il tuo punteggio varia
Gran parte della variabilità del punteggio complessivo del rendimento e dei valori delle metriche non è dovuta a Lighthouse. Quando il punteggio del rendimento varia, di solito è a causa di cambiamenti delle condizioni sottostanti. I problemi più comuni sono:
- Test A/B o modifiche agli annunci pubblicati
- Modifiche al routing del traffico Internet
- Eseguire test su diversi dispositivi, ad esempio un computer desktop ad alte prestazioni e un laptop a basse prestazioni
- Estensioni del browser che inseriscono JavaScript e aggiungono/modificano richieste di rete
- Software antivirus
La documentazione di Lighthouse sulla variabilità tratta questo aspetto in modo più approfondito.
Inoltre, anche se Lighthouse può fornire un singolo punteggio complessivo relativo alle prestazioni, potrebbe essere più utile pensare alle prestazioni del sito come a una distribuzione di punteggi, piuttosto che a un singolo numero. Leggi l'introduzione delle metriche sulle prestazioni incentrate sull'utente per comprendere il motivo.
Come viene ponderato il punteggio del rendimento
Il punteggio di rendimento è una media ponderata dei punteggi delle metriche. Naturalmente, le metriche maggiormente ponderate hanno un effetto maggiore sul punteggio del rendimento complessivo. I punteggi delle metriche non sono visibili nel report, ma vengono calcolati in modo approfondito.
Faro 10
| Controllo | Peso |
|---|---|
| First Contentful Paint | 10% |
| Indice di velocità | 10% |
| Largest Contentful Paint | 25% |
| Tempo di blocco totale | 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% |
| Tempo di blocco totale | 30% |
| Cumulative Layout Shift | 15% |
Come vengono determinati i punteggi delle metriche
Una volta che Lighthouse ha raccolto le metriche sulle prestazioni (per lo più riportate in millisecondi), converte il valore di ogni metrica non elaborata in un punteggio della metrica da 0 a 100 osservando la posizione del valore della metrica sulla distribuzione del punteggio di Lighthouse. La distribuzione del punteggio è una distribuzione lognormale derivata dalle metriche relative alle prestazioni dei dati reali sulle prestazioni del sito 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 il tempo che intercorre tra l'avvio del caricamento della pagina da parte dell'utente e il rendering dei contenuti principali della pagina. In base ai dati reali dei siti web, i siti con le migliori prestazioni mostrano l'LCP in circa 1220 ms, in modo che il valore della metrica sia mappato a un punteggio di 99.
Andando più nel dettaglio, il modello della curva di punteggio di Lighthouse utilizza i dati di HTTPArchive per determinare due punti di controllo che impostano poi la forma di una curva log-normal. Il 25° percentile di dati HTTPArchive diventa un punteggio di 50 (il punto di controllo mediano) e l'8° percentile diventa un punteggio di 90 (il punto di controllo buono/verde). Mentre esplori il grafico della curva del punteggio riportato di seguito, tieni presente che tra 0,50 e 0,92 c'è una relazione quasi lineare tra il valore della metrica e il punteggio. Un punteggio di 0,96 indica il "punto di riduzione dei rendimenti", poiché al di sopra della curva la curva si allunga, richiedendo un miglioramento sempre più elevato della metrica per migliorare un punteggio già elevato.
Come vengono gestiti i dispositivi desktop e mobili
Come già detto, le curve di punteggio vengono determinate a partire da dati reali sul rendimento. Prima di Lighthouse v6, tutte le curve di punteggio erano basate sui dati delle prestazioni sui dispositivi mobili, ma un'esecuzione di Lighthouse su desktop avrebbe utilizzato questi dati. In pratica, ciò ha portato a un aumento artificiale dei punteggi dei computer desktop. Lighthouse v6 ha corretto questo bug utilizzando punteggi specifici per desktop. Anche se puoi aspettarti cambiamenti complessivi nel punteggio rendimento da 5 a 6, i punteggi per computer saranno notevolmente diversi.
Come vengono codificati i punteggi per colore
I punteggi delle metriche e il punteggio di rendimento vengono colorati in base a questi intervalli:
- Da 0 a 49 (rosso): Scadente
- Da 50 a 89 (arancione): da migliorare
- Da 90 a 100 (verde): buona
Per offrire una buona esperienza utente, i siti devono cercare di ottenere un buon punteggio (90-100). Un punteggio "perfetto" pari a 100 è estremamente difficile da raggiungere e non previsto. Ad esempio, un punteggio compreso tra 99 e 100 richiede circa la stessa quantità di miglioramento delle metriche che richiede un punteggio compreso tra 90 e 94.
Cosa possono fare gli sviluppatori per migliorare il punteggio relativo alle prestazioni?
Innanzitutto, utilizza il calcolatore del punteggio di Lighthouse per capire quali soglie dovresti ottenere per raggiungere un determinato punteggio di prestazioni Lighthouse.
Nel report Lighthouse, la sezione Opportunità contiene suggerimenti dettagliati e documentazione su come implementarli. Inoltre, nella sezione Diagnostica sono riportate ulteriori indicazioni che gli sviluppatori possono consultare per migliorare ulteriormente le loro prestazioni.