Определение
LCP (Largest Contentful Paint) — LCP измеряет время до отображения самого крупного текстового блока или изображения в видимой области.
Короткий ответ
Цель: ≤ 2,5 с. Сократите TTFB, не делайте lazy для LCP-изображения, используйте fetchpriority="high", форматы AVIF/WebP и правильные размеры.
Из чего складывается
Время до первого байта, задержка начала загрузки ресурса, длительность загрузки и задержка отрисовки. Оптимизируйте этап, который занимает больше всего времени.
Источники
- Largest Contentful Paint (LCP) — web.dev