LCP (Largest Contentful Paint) è una metrica dei Core Web Vitals che misura il tempo dalla navigazione della pagina fino al rendering dell'elemento di contenuto visibile più grande sullo schermo.
L'"elemento di contenuto più grande" è determinato automaticamente dal browser; nella maggior parte delle pagine ecommerce è l'immagine hero sulla home, PLP o PDP, o l'H1 su una pagina blog/articolo. Soglie del 2026: ≤ 2.5s buono, ≤ 4.0s necessita di miglioramenti, > 4.0s scarso.
Correzioni comuni per LCP nell'ecommerce: pre-caricare l'immagine LCP con <link rel="preload" as="image" fetchpriority="high">, servire formati moderni (AVIF/WebP), utilizzare priority sui componenti Image di Next.js, renderizzare la pagina lato server (o stream da edge), in-lineare il CSS critico e evitare il caricamento pigro dell'immagine LCP.
LCP è fortemente influenzato dalle condizioni di rete e dalle prestazioni del CDN. Il rendering edge (TTFB ≤ 100ms) stabilisce un pavimento strutturale che i siti renderizzati in origine monolitica non possono eguagliare.