Largest Contentful Paint — метрика Core Web Vitals, измеряющая, сколько занимает рендеринг крупнейшего контентного элемента, видимого в viewport — обычно hero-изображение, большой текстовый блок или постер видео — после начала загрузки страницы.
Определение
Largest Contentful Paint — метрика Core Web Vitals, измеряющая, сколько занимает рендеринг крупнейшего контентного элемента, видимого в viewport — обычно hero-изображение, большой текстовый блок или постер видео — после начала загрузки страницы. Она приближает момент, когда основной контент страницы кажется полезным пользователю.
Хороший LCP — 2,5 секунды или меньше (измеряется на реальных пользователях на 75-м перцентиле); выше 4 секунд — плохо.
LCP движется временем ответа сервера, блокирующими рендеринг CSS и JavaScript, временем загрузки самого LCP-ресурса (часто крупного изображения) и задержками клиентского рендеринга. Это один из самых частых провалов Core Web Vitals на насыщенных контентом сайтах с крупными изображениями и несколькими сторонними скриптами.
В контексте
Для iGaming-аффилиата LCP обычно — метрика Core Web Vitals, наиболее достойная внимания, потому что сайт насыщен контентом и мобайл-большинство: страницы обзоров с крупным header-изображением, страницы сравнения с большой таблицей, страницы гайдов с hero-визуалом. Если крупнейший элемент занимает слишком долго, чтобы появиться, страница ощущается медленной на среднем телефоне независимо от того, насколько хорош контент, и это влияет на сигнал page-experience.
Частые исправления на таком сайте: сжать и правильно размерить LCP-изображение и отдать его в современном формате, preload LCP-ресурса, вырезать блокирующие рендеринг CSS и JavaScript (инлайнить критический CSS, отложить остальное), улучшить время ответа сервера или использовать CDN и избегать клиентского рендеринга контента выше сгиба. Снижение веса сторонних скриптов помогает, потому что эти скрипты конкурируют за пропускную способность и время главного потока во время критического окна загрузки.
LCP следует читать как полевые данные на 75-м перцентиле, а не только лабораторную оценку, потому что он зависит от реальных устройств и соединений. Для обращённого к аффилиатам контента рамка в том, что LCP измеряет, когда рендерится крупнейший видимый контентный элемент, что хорошая оценка — 2,5 секунды или меньше на реальных пользователях, что это частый провал на насыщенных изображениями контентных сайтах и что исправления — оптимизация LCP-изображения, вырезание блокирующих рендеринг ресурсов и улучшение ответа сервера.
Разобранный пример
Полевые данные аффилиата показывают, что страницы обзоров имеют LCP 3,8 секунды на мобильном, проваливая порог. LCP-элемент — несжатое hero-изображение, загружаемое после блокирующего рендеринг CSS.
Команда сжимает и preload изображение, инлайнит критический CSS и откладывает остальное и добавляет CDN; LCP падает до 2,1 секунды, и страницы проходят.
Связанные термины
Частые вопросы
Смотрите полный глоссарий iGaming и арбитража — сотни терминов EN/RU с примерами.
← Назад к глоссарию