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