LCP — Largest Contentful Paint
LCP — время появления крупнейшего подходящего элемента в видимой области страницы. Чаще это большое изображение или текстовый блок, по которому пользователь понимает, что страница загрузилась.
Также встречается: Largest Contentful Paint, Отрисовка крупного контента.
Для чего используется
LCP помогает понять, почему посетитель видит пустой экран или долго ждёт главное содержимое. Для коммерческой страницы это может быть фотография товара, для статьи — заголовок и вводный текст. Сокращение задержки делает предложение доступным раньше и уменьшает технические препятствия на пути к просмотру каталога.
Как SEO-специалист использует это в проекте
SEO-специалист определяет проблемные шаблоны и передаёт разработчику конкретный LCP-элемент, условия измерения и задержки. Рекомендация «ускорить сайт» без такой диагностики слишком общая.
- Найдите LCP-элемент на мобильном и настольном экранах. Проверьте его в обычном и замедленном соединении.
- Разберите задержку: ответ сервера, обнаружение ресурса, загрузка или отрисовка. Для изображения проверьте размер, формат и способ подключения.
- Уберите необязательное ожидание JavaScript и конкурирующих ресурсов. Проверьте, не назначена ли отложенная загрузка главному изображению первого экрана.
Практический пример
Фото станка показывается только после запуска слайдера. Даже небольшая картинка появляется поздно, потому что браузер узнаёт её адрес с задержкой. Вывод первого изображения сразу в HTML может оказаться полезнее очередного уменьшения качества всех фотографий.
Иллюстрация подхода, не данные конкретного проекта.Ошибки и риски
Хороший LCP — не более 2,5 секунды по 75-му перцентилю реальных загрузок. Значение одной проверки на быстром компьютере не описывает всю аудиторию.
Предзагрузка каждого изображения создаёт конкуренцию за сеть. Сжатие файлов не исправит медленный ответ сервера. А удаление крупного полезного блока ради показателя ухудшает саму страницу.
Как проверить результат
Сопоставьте время появления того же элемента в одинаковых условиях, затем проверьте полевые данные. Убедитесь, что изображение осталось чётким, а остальные элементы не начали загружаться заметно позже.
Связанные термины
Посмотреть на реальных проектах
В кейсах ISKAR показываем выполненные работы, заявки и звонки, поисковый трафик и позиции.
Кейсы продвижения →