Core Web Vitals — набор метрик Google, оценивающих реальный пользовательский опыт загрузки страниц. С 2021 года они являются фактором ранжирования, а значит, напрямую влияют на органический трафик. Разберем, как оптимизировать сайт под эти метрики.

LCP: Largest Contentful Paint

Время загрузки самого крупного элемента на экране. Норма: до 2.5 сек. Как улучшить: оптимизировать изображения (WebP), использовать preload для ключевых ресурсов, отложить некритичные скрипты.

FID / INP: First Input Delay / Interaction to Next Paint

Задержка до первого отклика. Норма: до 100 мс (FID) и до 200 мс (INP). Как улучшить: разбить длинные JavaScript-задачи, использовать web workers, отложить аналитику.

CLS: Cumulative Layout Shift

Сдвиг макета при загрузке. Норма: до 0.1. Как улучшить: задать размеры изображениям и iframe, использовать font-display: swap, избегать динамической вставки контента над существующими блоками.

Инструменты для проверки

  • Google PageSpeed Insights
  • Chrome DevTools (вкладка Lighthouse)
  • Google Search Console (отчет Core Web Vitals)
  • GTmetrix, WebPageTest

Заключение

Оптимизация Core Web Vitals — это не разовое мероприятие, а постоянный процесс. В студии Dikl мы добиваемся стабильных 90+ баллов для сайтов клиентов.