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.

Руководства по отладке и оптимизации Largest Contentful Paint (LCP) с использованием инструментов MCP Chrome DevTools. Используйте этот навык всякий раз, когда пользователь спрашивает о производительности LCP, медленной загрузке страниц, оптимизации основных веб-показателей или хочет понять, почему основной контент его страницы отображается слишком долго. Также используйте, когда пользователь упоминает «наибольшую содержательную отрисовку», «скорость загрузки страницы», «CWV» или хочет улучшить скорость рендеринга главного изображения или основного контента. Источник: chromedevtools/chrome-devtools-mcp.