Core Web Vitals – что это и как их улучшить
Google использует Core Web Vitals как фактор ранжирования. У медленных сайтов больше нет шансов в топе. Вот как измерить и оптимизировать 3 ключевых показателя.
3 показателя
LCP (Largest Contentful Paint): время до отображения самого крупного видимого элемента. Цель: менее 2,5 секунды. INP: как быстро сайт реагирует на клики. Цель: менее 200 мс. CLS: насколько «прыгают» элементы при загрузке. Цель: менее 0,1.
Как измерить
Google PageSpeed Insights, Google Search Console, Lighthouse в DevTools.
Как оптимизировать LCP
Изображения в WebP/AVIF с lazy loading, быстрый хостинг, CDN, preload для hero-изображения.
Как оптимизировать INP
Минимизация JavaScript, удаление ненужных плагинов, debouncing.
Как оптимизировать CLS
Явные размеры изображений, font display swap, отказ от вставки контента поверх существующего.