LCP — это время, за которое в видимой части страницы появляется самый большой элемент (обычно крупная картинка, видео, заголовок или герой-блок). Хороший LCP — до 2,5 с, плохой — больше 4 с.
Чаще всего LCP ломают тяжёлые картинки, отсутствие preload для главного hero-изображения, медленный TTFB, render-blocking CSS и JS. Чтобы починить: оптимизировать главное изображение в WebP, добавить preload, вынести критический CSS инлайн, отложить ненужный JS.
Пример из практики
Hero-блок главной страницы — большая картинка 1200×600. До оптимизации LCP = 3,4 с (poor). После перевода в WebP + preload — 1,8 с (good).
Бенчмарк
LCP (отрисовка крупного элемента)
<1,5 сТоп
1,5–2,5 сХорошо
2,5–4 сПлохо
>4 сОчень плохо