Перейти к содержимому
18 / 36

Как измерить и улучшить Largest Contentful Paint (LCP)?

LCP -- время до отрисовки самого крупного видимого элемента (изображение, видео-постер, текстовый блок). Норма -- до 2.5 секунд. Измеряется через PerformanceObserver, библиотеку web-vitals, Chrome DevTools и Lighthouse. Основные способы улучшения: оптимизировать TTFB, убрать render-blocking ресурсы, ускорить загрузку LCP-ресурса (preload, fetchpriority, оптимизация изображений) и не блокировать рендеринг клиентским JS.

Как измерить и улучшить Largest Contentful Paint (LCP)? | JScriptiser