Core Web Vitals
Синонимы: CWV, LCP, FID, CLS, web vitals
NAME
Core Web Vitals — seo
DESCRIPTION
Core Web Vitals — набор из трёх метрик Google для оценки пользовательского опыта: скорость загрузки (LCP), интерактивность (INP), визуальная стабильность (CLS). С 2021 года — прямой фактор ранжирования.
Три метрики:
| Метрика | Что измеряет | Хорошее значение | Плохое |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Время загрузки основного контента | <2.5 сек | >4.0 сек |
| INP (Interaction to Next Paint) | Отзывчивость на действия | <200 мс | >500 мс |
| CLS (Cumulative Layout Shift) | Визуальная стабильность (сдвиги) | <0.1 | >0.25 |
Как улучшить LCP (скорость):
- Оптимизация изображений (WebP, lazy loading) — -30-50% время
- Кеширование (браузер + сервер) — -40-60% время
- CDN (CloudFlare, Yandex Cloud) — -20-40% время
- Минификация CSS/JS — -10-20% время
- Preload ключевых ресурсов (шрифты, hero-изображения)
Как улучшить INP (интерактивность):
- Уменьшить размер JavaScript
- Code splitting (разбить длинные задачи)
- Web Workers для тяжёлых вычислений
- Отложить некритичный JS
Как улучшить CLS (стабильность):
- Указать width/height для изображений и видео
- Зарезервировать место для рекламы/iframes
- Не вставлять контент выше существующего
- Использовать transform для анимаций (вместо position)
Инструменты проверки:
- PageSpeed Insights — бесплатно, все метрики
- GTmetrix — детальный анализ
- Lighthouse (Chrome) — локальная проверка
- Search Console — реальные данные пользователей
Стоимость оптимизации:
- Базовая (изображения + кеширование): 15 000-25 000 ₽
- Средняя (+ код + шрифты + CDN): 30 000-50 000 ₽
- Полная (все метрики в зелёной зоне): 50 000-100 000 ₽
Кейс WEBVISUAL: Клиент — интернет-магазин одежды. Было: LCP 5.2 сек, позиция 12. Оптимизировали изображения (WebP), настроили кеширование и CDN, минифицировали код. Результат: LCP 1.8 сек, позиция 4 через 2 месяца. Трафик: +180%, конверсия: +35%.
СМ. ТАКЖЕ
SEO-аудит(7), Адаптивная вёрстка(7), Фронтенд(7)