Что такое LCP и как его улучшить?

Middle
299 просмотров
AFK Offer AI

LCP (Largest Contentful Paint) — время до отрисовки самого большого элемента во viewport (картинка, видео, текстовый блок). Хорошо < 2.5s. Улучшения: оптимизируй LCP-ресурс — preload критичную картинку, используй responsive images, WebP/AVIF. Серверный рендеринг вместо CSR. Минимизируй TTFB — CDN, кеширование. Убери render-blocking CSS/JS. Priority hints: fetchpriority="high" на LCP-картинке. Не lazy load LCP-элемент! Шрифты: font-display: swap или preload.

Следующий вопрос

Чем find отличается от some и every?