LCP: как ускорить загрузку главного контента
Largest Contentful Paint — время, за которое браузер отрисовал самый крупный элемент первого экрана: обычно это главное фото товара, баннер или заголовок. Для пользователя это момент «страница загрузилась».
Порог «хорошо» — 2,5 секунды на 75-м перцентиле реальных визитов, «плохо» — дольше 4 секунд. Считается по полевым данным, а не по одному прогону Lighthouse.
LCP раскладывается на четыре части: время ответа сервера (TTFB), задержку до начала загрузки ресурса, время самой загрузки и задержку отрисовки. Оптимизировать нужно ту часть, которая больше, а не всё подряд. В e-commerce чаще всего виновата задержка загрузки: браузер слишком поздно узнаёт о главной картинке.
Статьи по теме
- Как улучшить LCP: полный гайд с интерактивными демоскоро
- fetchpriority, preload и приоритеты загрузки на практикескоро
- LCP-картинка в слайдере и карусели: как не потерять секундускоро
- LQIP и кастомный lazy: опыт Ленты ВКонтактескоро
Новые статьи сначала выходят в Telegram-канале.