La visualizzazione elemento più grande (LCP) è una delle metriche monitorate nella sezione Prestazioni del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento delle pagine.
Lighthouse mostra l'LCP in pochi secondi:
Cosa misura la metrica LCP
LCP misura quando viene visualizzato sullo schermo l'elemento di contenuti più grande nell'area visibile. Si tratta di un valore approssimativo quando i contenuti principali della pagina sono visibili agli utenti. Per ulteriori dettagli su come viene determinata la metrica LCP, consulta la sezione Definizione di Largest Contentful Paint.
In che modo Lighthouse determina il punteggio LCP
Lighthouse estrae i dati LCP dallo strumento di tracciamento di Chrome.
La tabella seguente mostra come interpretare il punteggio LCP:
| Tempo LCP (in secondi) |
Codifica con colori |
|---|---|
| 0-2.5 | Verde (veloce) |
| 2.5-4 | Arancione (moderato) |
| Più di 4 | Rosso (lento) |
Come migliorare il punteggio LCP
Se l'LCP è un'immagine, la tempistica può essere suddivisa in quattro fasi. Sapere quali fasi richiedono più tempo può aiutarti a ottimizzare il tuo LCP. Lighthouse mostrerà l'elemento LCP insieme alla suddivisione di fase nella diagnostica dell'elemento Largest Contentful Paint.
| Fase LCP | Descrizione |
|---|---|
| Tempo per il primo byte (TTFB) | Il tempo che intercorre tra l'avvio del caricamento della pagina da parte dell'utente e il momento in cui il browser riceve il primo byte della risposta del documento HTML. Scopri di più su TTFB. |
| Ritardo di caricamento | Il delta tra TTFB e quando il browser inizia a caricare la risorsa LCP. |
| Tempo di caricamento | Il tempo necessario per caricare la risorsa LCP stessa. |
| Ritardo di rendering | Il delta tra il termine del caricamento della risorsa LCP e il rendering completo dell'elemento LCP. |