LCP без иллюзий: где реально теряются секунды до главного кадра

Largest Contentful Paint ≤ 2,5 с на 75-м перцентиле — цель Core Web Vitals. Разложение на TTFB, задержки до ресурса и отрисовку.

LCP фиксирует момент отрисовки самого крупного изображения, видео или текстового блока в вьюпорте. Порог «хорошо» — 2,5 с или быстрее в полевых данных.

Полевые исследования Chrome показывают: узкое место часто не «вес картинки», а задержка до начала загрузки LCP-ресурса и задержка отрисовки после загрузки — оптимизировать нужно всю цепочку.

Optimize Largest Contentful Paint — web.dev — Разбор фаз и рекомендации.
LCP breakdown — Chrome for Developers — Инструменты Chrome для диагностики.

Практический порядок работ

Сократите TTFB (кеш на CDN, быстрый origin, исключение лишних редиректов), заранее подскажите браузеру LCP-ресурс через `fetchpriority` и преконнект к хосту изображений.

Избегайте client-only рендера для героя: если HTML приходит «пустым», LCP неизбежно уедет вправо по шкале времени.