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.

Guide le débogage et l’optimisation de Largest Contentful Paint (LCP) à l’aide des outils Chrome DevTools MCP. Utilisez cette compétence chaque fois que l'utilisateur pose des questions sur les performances LCP, la lenteur du chargement des pages, l'optimisation de Core Web Vitals ou souhaite comprendre pourquoi le contenu principal de sa page met trop de temps à apparaître. À utiliser également lorsque l'utilisateur mentionne « la plus grande peinture de contenu », « la vitesse de chargement de la page », « CWV » ou souhaite améliorer la vitesse de rendu de son image de héros ou de son contenu principal. Source : chromedevtools/chrome-devtools-mcp.