Инструкция

LCP: как найти причину позднего появления контента

Для улучшения LCP сначала определите главный элемент и причину задержки. Медленный ответ сервера, позднее обнаружение изображения и задержка отрисовки требуют разных исправлений.

Поясняющая схема к материалу «LCP: как найти причину позднего появления контента».
Поясняющая схема к материалу «LCP: как найти причину позднего появления контента».

Найдите элемент в конкретном запуске#

LCP оценивает появление крупнейшего подходящего элемента видимого содержимого. На другой ширине или странице главным может стать иной элемент.

Сохраните трассу Performance или отчёт лабораторного теста. Запишите URL, устройство, сеть и кеш, затем определите LCP-элемент. Не начинайте с массового сжатия всех картинок без диагностики.

Разберите задержку#

НаблюдениеНаправление проверки
Поздно получен HTMLСервер, кеш и TTFB
Изображение запрошено поздноОбнаружение URL и приоритет
Долго передаются данныеРазмер и способ доставки
Ресурс получен, но элемент не показанСтили, шрифты, выполнение скриптов

TTFB — только часть картины. Низкое значение не гарантирует быстрый LCP.

Пример исправления и повторный тест#

Если главное изображение объявляется скриптом после запроса API, сначала оцените возможность сделать URL доступным раньше. Предзагрузка может помочь конкретному важному ресурсу, но массовое добавление preload создаёт конкуренцию.

Для картинки проверьте соответствие размеров экрану и подходящий формат, например WebP. Повторите те же условия несколько раз, затем сопоставьте с полевыми данными. Один локальный запуск не доказывает улучшение у всех пользователей. См. различия лаборатории и поля.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор