debug-optimize-lcp

Largest Contentful Paint (LCP) measures how quickly a page's main content becomes visible. It's the time from navigation start until the largest image or text block renders in the viewport.

LCP is a Core Web Vital that directly affects user experience and search ranking. On 73% of mobile pages, the LCP element is an image.

Every page's LCP breaks down into four sequential subparts with no gaps or overlaps. Understanding which subpart is the bottleneck is the key to effective optimization.

Guida il debug e l'ottimizzazione del Largest Contentful Paint (LCP) utilizzando gli strumenti MCP di Chrome DevTools. Utilizza questa competenza ogni volta che l'utente chiede informazioni sulle prestazioni LCP, sui caricamenti lenti delle pagine, sull'ottimizzazione dei Core Web Vitals o vuole capire perché i contenuti principali della loro pagina impiegano troppo tempo per essere visualizzati. Da utilizzare anche quando l'utente menziona "il disegno con il contenuto più grande", "velocità di caricamento della pagina", "CWV" o desidera migliorare la velocità di rendering dell'immagine hero o del contenuto principale. Fonte: chromedevtools/chrome-devtools-mcp.