Che cosa significano LCP, INP e CLS?

Q: Che cosa significano LCP, INP e CLS?

LCP misura il caricamento, INP la reattività e CLS la stabilità visiva. Valori buoni: 2,5 s o meno, 200 ms o meno e 0,1 o meno, al 75º percentile.

Sono le tre Core Web Vitals che Google usa per descrivere l'esperienza utente di una pagina. Largest Contentful Paint (LCP) misura il caricamento: quanto tempo impiega a comparire il contenuto principale. Interaction to Next Paint (INP) misura la reattività: con quale rapidità la pagina risponde quando si fa clic, si tocca lo schermo o si digita. Cumulative Layout Shift (CLS) misura la stabilità visiva: quanto il layout si sposta durante il caricamento. Un valore buono significa LCP entro 2,5 secondi, INP entro 200 millisecondi e CLS pari o inferiore a 0,1.

Le tre metriche in sintesi

Metrica	Cosa misura	Buono	Da migliorare	Scarso
LCP	Caricamento	2,5 s o meno	fino a 4 s	oltre 4 s
INP	Reattività	200 ms o meno	fino a 500 ms	oltre 500 ms
CLS	Stabilità visiva	0,1 o meno	fino a 0,25	oltre 0,25

Queste sono le soglie indicate nella guida al report Core Web Vitals di Google. Una pagina supera la verifica quando tutte e tre le metriche sono buone al 75º percentile delle visite, misurate separatamente per mobile e desktop.

LCP: Largest Contentful Paint

L'LCP è il tempo che intercorre tra l'inizio del caricamento della pagina e il rendering della più grande immagine, del più grande video o del più grande blocco di testo nell'area visibile. Gli elementi idonei comprendono gli elementi <img>, le immagini all'interno di SVG, il poster o il primo fotogramma di un video, le immagini di sfondo CSS e il testo a livello di blocco. Il browser smette di cercare nuovi candidati non appena il visitatore interagisce con la pagina. Un LCP lento dipende di solito da una risposta lenta del server, da un'immagine hero pesante o individuata in ritardo, oppure da CSS e script che bloccano il rendering.

INP: Interaction to Next Paint

L'INP osserva i clic, i tocchi e la pressione dei tasti durante una visita e misura quanto tempo passa prima che il browser possa disegnare il fotogramma successivo. Il passaggio del mouse, lo scorrimento e lo zoom non vengono conteggiati. Il valore riportato è quello dell'interazione più lenta, ignorando i valori anomali nelle pagine con molte interazioni. A marzo 2024 l'INP ha sostituito First Input Delay (FID) tra le Core Web Vitals; il FID considerava solo la prima interazione, mentre l'INP copre l'intera visita. Un INP scarso deriva in genere da lunghe attività JavaScript che tengono occupato il thread principale.

CLS: Cumulative Layout Shift

Il CLS somma gli spostamenti imprevisti del layout, come il testo che scende quando sopra di esso viene caricata un'immagine o un annuncio, e riporta la sequenza più ampia di spostamenti avvenuta durante la visita. Ogni spostamento riceve un punteggio in base alla porzione di schermo che si è mossa e alla distanza percorsa. Gli spostamenti entro 500 millisecondi da un clic, un tocco o la pressione di un tasto sono esclusi, perché in quel momento il visitatore si aspetta che la pagina cambi.

Da dove provengono i numeri?

Il report Core Web Vitals di Search Console usa dati di campo del Chrome UX Report: visite reali in Chrome degli ultimi 28 giorni, raggruppate in insiemi di pagine simili, con ogni gruppo valutato in base alla metrica peggiore. Strumenti di laboratorio come Lighthouse caricano la pagina senza un visitatore reale, quindi non possono misurare l'INP e usano come sostituto il Total Blocking Time, come spiega la panoramica delle Web Vitals di web.dev. Considera i punteggi di laboratorio uno strumento di debug e i dati di campo il verdetto finale.

Le Core Web Vitals influiscono sul posizionamento?

Google raccomanda caldamente di ottenere buone Core Web Vitals per avere successo nella Ricerca e afferma che l'esperienza della pagina è in linea con ciò che i suoi sistemi di ranking principali cercano di premiare. Non è una scorciatoia: una pagina veloce deve comunque essere la risposta migliore. Come si correggono i punteggi scarsi delle Core Web Vitals? spiega cosa modificare per ciascuna metrica.

Come ti aiuta AutoPSEO

Il report Core Web Vitals di AutoPSEO legge lo storico del Chrome UX Report per l'intero sito o per un singolo URL, su smartphone, desktop o tablet, e mostra in un grafico LCP, INP e CLS (oltre a first contentful paint e time to first byte) al 75º percentile su circa sei mesi di dati settimanali, così puoi vedere quando una metrica ha iniziato a peggiorare.