Техническое SEO

LCP: найти и ускорить главный элемент страницы

Практическая диагностика Largest Contentful Paint: от изображения первого экрана до медленного HTML.

Проблема и признаки

Проблема LCP может возникать из-за долгого TTFB, позднего обнаружения ресурса, блокирующих CSS и слишком тяжёлого изображения.

Что искать при диагностике

Пошаговое решение

  1. Измерьте LCP на типовых страницах в реальных условиях и лабораторном тесте.
  2. Найдите конкретный LCP-элемент и распределение задержки.
  3. Оптимизируйте сервер, CSS и приоритет загрузки LCP-ресурса.
  4. Повторно замерьте показатель на мобильных устройствах и в полевых данных.

Чек-лист перед завершением

Отметки сохраняются только на этой открытой странице.

Типичные ошибки

Практический пример

<img src="/hero.webp" fetchpriority="high" width="1200" height="600" alt="">

Как убедиться, что исправлено

LCP на 75-м перцентиле улучшился; не ухудшились CLS и другие метрики.

Частый вопрос

Какой ориентир LCP?

Для хорошего пользовательского опыта обычно ориентируются на LCP не более 2,5 секунды на 75-м перцентиле.

Инструменты и материалы

По этой же теме

Материал носит прикладной характер. Для проверки индексации используйте данные соответствующей поисковой консоли.