LCP (Largest Contentful Paint)
Definizione breve
L'LCP è la metrica Core Web Vitals che misura quanto tempo impiega a diventare visibile l'immagine o il blocco di testo più grande di una pagina.
Il browser individua, durante il caricamento della pagina, quale elemento occupa l'area maggiore, di solito un'immagine principale, un banner o un titolo. L'LCP è il tempo che passa finché quell'elemento non viene mostrato per intero a schermo.
Compare nei report di PageSpeed Insights e Search Console. La soglia ufficiale è di 2,5 secondi: sotto è buono, tra 2,5 e 4 secondi va migliorato, oltre è scarso.
Viene spesso confuso con il First Contentful Paint (FCP). L'FCP è il momento in cui compare per primo un qualsiasi contenuto, mentre l'LCP è il momento in cui compare l'elemento più grande, di solito il contenuto realmente atteso.
L'errore più comune è applicare il caricamento differito (lazy loading) all'immagine hero visibile fin dall'apertura della pagina, come a tutte le altre immagini, il che ne ritarda la scoperta da parte del browser e allunga l'LCP. L'approccio corretto è riservare il caricamento differito alle immagini più in basso e contrassegnare l'immagine hero visibile affinché lei ottenga un caricamento immediato e prioritario.
Perché conta
Un visitatore che attende un'immagine principale o un titolo lento a caricarsi presume che la pagina non abbia nulla per lui e se ne va. Ridurre l'LCP riduce questa perdita e offre anche un vantaggio diretto nel posizionamento in ricerca.
Esempio illustrativo
La foto hero non compressa nella homepage di un produttore di abbigliamento da lavoro portava l'LCP a cinque secondi; cambiando il formato dell'immagine è sceso a 1,8 secondi.
