Largest Contentful Paint показывает, когда во время загрузки страницы отрисовывается самый крупный видимый элемент контента в области просмотра.
Что это значит
LCP ориентирован на пользователя: пока страница отрисовывается, кандидат на роль LCP-элемента может смениться, а итоговое значение определяется самым крупным элементом до первого взаимодействия пользователя.
Полевое значение LCP описывает опыт пользователей за несколько визитов; оно не указывает на одну причину и не гарантирует позиции в выдаче.
Как оценивать
Найдите LCP-элемент в лабораторной трассировке, затем отделите задержку ответа, обнаружения ресурса, загрузки и рендеринга.
Порядок работы
- Определите пользовательскую задачу и набор страниц, который входит в проверку.
- Найдите LCP-элемент в лабораторной трассировке и отделите задержку ответа, обнаружения ресурса, загрузки и рендеринга.
- Выберите самое маленькое обратимое изменение.
- Сделайте критичный элемент доступным для обнаружения на раннем этапе и проверьте результат рендеринга и полевые данные, если они есть.
- Перепроверьте результат рендеринга и сохраните охват измерения и дату.
Конкретный пример и проверка
Например, посадочная страница может показывать быстрый логотип и навигацию, а самое крупное изображение над сгибом остаётся необнаружимым, пока не выполнится клиентский код. Полезное исправление — не сжимать каждое изображение. Сначала подтвердите самого крупного кандидата в трассировке, затем проверьте, есть ли его URL в исходном HTML, разумен ли его приоритет и не задерживается ли рендеринг из-за некритичной работы.
Ограничения и типичные ошибки
Оптимизация небольшого ресурса, когда настоящий LCP-элемент другой, — пустая трата усилий.