От измерения к повторному тесту

Исправляйте причину позднего LCP в конкретном шаблоне

Одинаковый показатель может возникать из-за медленного сервера, поздно найденного изображения, блокирующего CSS, шрифта или JavaScript. Сначала определите LCP-элемент и фазу задержки.

Шесть этапов исправления LCP: измерение, поиск элемента, диагностика, оптимизация, приоритизация и повторная проверка
Меняйте один слой за раз и повторяйте тест на той же типовой странице.

Самый безопасный путь

«Проверьте LCP на URL [адрес]. Определите LCP-элемент и задержку по фазам. Исправьте шаблон этой страницы, предварительно сделайте резервную копию и покажите повторные мобильный и десктопный тесты. Не ухудшайте качество изображения и внешний вид без согласования».

Порядок работы

  1. Определите, к какому шаблону относится URL.
  2. Сохраните исходный PSI/Lighthouse-отчёт и LCP-элемент.
  3. Разделите время на TTFB, задержку загрузки ресурса, загрузку ресурса и задержку отрисовки.
  4. Создайте резервную копию темы, шаблона и настроек оптимизации.
  5. Исправьте доминирующую причину.
  6. Очистите связанный кэш и повторите тест несколько раз.
  7. Проверьте другие страницы того же шаблона.

Техническая памятка

  • TTFB: кэш страницы, запросы БД, сервер и CDN.
  • Load delay: LCP-изображение должно быть обнаружимо в HTML; не применять к нему lazy load, при необходимости использовать preload и fetchpriority="high".
  • Load time: сжать ресурс, подобрать размеры и формат — не смешивать это с отдельной массовой оптимизацией изображений.
  • Render delay: критический CSS, шрифты, гидратация и длинные задачи JavaScript.

Не назначайте высокий приоритет всем изображениям и не удаляйте код вслепую: конкуренция ресурсов может ухудшить остальные показатели.

После исправления

Повторите независимую проверку на той же странице и ещё на 2–3 URL шаблона. Если требуется работа специалиста, закажите исправление.