Что такое Core Web Vitals и как они влияют на SEO?
Core Web Vitals — это набор из трёх метрик которые Google использует для оценки пользовательского опыта сайта: LCP (скорость загрузки), FID (интерактивность), CLS (визуальная стабильность). С 2021 года это прямой фактор ранжирования.
Три метрики Core Web Vitals:
| Метрика | Что измеряет | Хорошее значение | Плохое значение |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Время загрузки основного контента | <2.5 сек | >4.0 сек |
| FID (First Input Delay) | Задержка до первого взаимодействия | <100 мс | >300 мс |
| CLS (Cumulative Layout Shift) | Визуальная стабильность (сдвиги) | <0.1 | >0.25 |
Почему это важно:
- Прямой фактор ранжирования Google (с 2021)
- Влияет на позиции в топ-10
- Улучшает пользовательский опыт
- Снижает bounce rate
- Повышает конверсию
Как улучшить LCP (скорость загрузки):
| Метод | Эффект | Сложность |
|---|---|---|
| Оптимизация изображений (WebP, lazy loading) | -30-50% время загрузки | Низкая |
| Кеширование (браузер + сервер) | -40-60% время загрузки | Средняя |
| CDN (CloudFlare, Yandex Cloud) | -20-40% время загрузки | Низкая |
| Минификация CSS/JS | -10-20% время загрузки | Низкая |
| Удаление неиспользуемого кода | -15-30% время загрузки | Средняя |
| Оптимизация шрифтов (preload) | -10-15% время загрузки | Низкая |
Как улучшить FID (интерактивность):
- Уменьшить размер JavaScript
- Разбить длинные задачи (code splitting)
- Использовать Web Workers для тяжёлых вычислений
- Отложить выполнение некритичного JS
Как улучшить CLS (визуальная стабильность):
- Указать размеры изображений (width/height)
- Зарезервировать место для рекламы/iframes
- Не вставлять контент выше существующего
- Использовать transform для анимаций (вместо position)
Инструменты проверки:
| Инструмент | Цена | Что даёт |
|---|---|---|
| PageSpeed Insights | Бесплатно | Все метрики + рекомендации |
| GTmetrix | Бесплатно/Premium | Детальный анализ |
| Lighthouse (Chrome) | Бесплатно | Локальная проверка |
| Search Console | Бесплатно | Реальные данные пользователей |
| WebPageTest | Бесплатно | Тест из разных локаций |
Стоимость оптимизации Core Web Vitals:
- Базовая (изображения + кеширование): 15 000-25 000 ₽
- Средняя (код + шрифты + CDN): 30 000-50 000 ₽
- Полная (все метрики в зелёной зоне): 50 000-100 000 ₽
Реальный кейс: Клиент — интернет-магазин одежды. Было: LCP 5.2 сек, позиция 12.
- Оптимизировали изображения (WebP + lazy loading)
- Настроили кеширование и CDN
- Минифицировали CSS/JS
- Результат: LCP 1.8 сек, позиция 4 через 2 месяца
- Трафик: +180%, конверсия: +35%