LCP фиксирует момент отрисовки самого крупного изображения, видео или текстового блока в вьюпорте. Порог «хорошо» — 2,5 с или быстрее в полевых данных.
Полевые исследования Chrome показывают: узкое место часто не «вес картинки», а задержка до начала загрузки LCP-ресурса и задержка отрисовки после загрузки — оптимизировать нужно всю цепочку.
- [Optimize Largest Contentful Paint — web.dev](https://web.dev/articles/optimize-lcp) — Разбор фаз и рекомендации.
- [LCP breakdown — Chrome for Developers](https://developer.chrome.com/docs/performance/insights/lcp-breakdown) — Инструменты Chrome для диагностики.
---
## Практический порядок работ
Сократите TTFB (кеш на CDN, быстрый origin, исключение лишних редиректов), заранее подскажите браузеру LCP-ресурс через fetchpriority и преконнект к хосту изображений.
Избегайте client-only рендера для героя: если HTML приходит «пустым», LCP неизбежно уедет вправо по шкале времени.