Что означает LCP простыми словами
Кандидатом может стать hero-изображение, крупный текстовый блок или видео. В показатель входят ранние задержки, включая соединение, редиректы и TTFB. Хорошим считается LCP не более 2,5 секунды для как минимум 75% посещений отдельно на мобильных и компьютерах.
LCP показывает момент, когда основной первый экран, вероятно, стал полезным для посетителя. Оптимизация не сводится к сжатию всех картинок: причиной может быть медленный сервер, позднее обнаружение hero-ресурса или блокирующие стили.
Пример
Главный баннер весит немного, но загружается только после выполнения большого скрипта. Команда выводит изображение в HTML, задаёт приоритет загрузки и сокращает задержку обнаружения ресурса.
Как применять на практике
- Определите LCP-элемент и сравните полевые данные с лабораторной трассировкой.
- Разложите время на TTFB, задержку обнаружения ресурса, загрузку и отрисовку.
- Исправьте крупнейшую составляющую и перепроверьте разные шаблоны и мобильные устройства.
Частые ошибки
- Оптимизировать случайную картинку, не выяснив фактический LCP-элемент.
- Лениво загружать hero-изображение, которое видно сразу после открытия страницы.
- Смотреть только среднее значение вместо 75-го процентиля реальных посещений.