LCP (Largest Contentful Paint)
Краткое определение
LCP - это метрика Core Web Vitals, измеряющая, сколько времени требуется самому большому изображению или блоку текста, чтобы стать видимым.
Браузер во время загрузки страницы определяет, какой элемент занимает наибольшую площадь, обычно это главное изображение, баннер или заголовок. LCP - это время до полного отображения этого элемента на экране.
Метрика отображается в отчетах PageSpeed Insights и Search Console. Официальный порог составляет 2,5 секунды: ниже этого значения - хорошо, от 2,5 до 4 секунд - требует улучшения, выше - плохо.
Ее часто путают с First Contentful Paint (FCP). FCP - это момент, когда впервые появляется любой контент, а LCP - момент, когда появляется самый крупный, обычно действительно ожидаемый контент.
Самая частая ошибка: применять отложенную загрузку (lazy loading) к главному изображению, видимому сразу при открытии страницы, наравне со всеми остальными картинками, из-за чего браузер обнаруживает его слишком поздно и LCP растёт. Правильный подход: откладывать загрузку только тех изображений, что расположены ниже, а видимое главное изображение пометить так, чтобы Вы получили немедленную и приоритетную загрузку.
Почему это важно
Посетитель, который ждет медленно загружающееся главное изображение или заголовок, решает, что странице нечего ему предложить, и уходит. Сокращение LCP уменьшает эту потерю и дает прямое преимущество в поисковой выдаче.
Условный пример
На главной странице производителя рабочей одежды несжатое фоновое фото поднимало LCP до пяти секунд; после смены формата изображения показатель снизился до 1,8 секунды.
