Core Web Vitals напрямую влияют на позиции и конверсию. Вот порядок действий, который я применяю на проектах.
1. Изображения
WebP/AVIF, правильные размеры, lazy-loading ниже первого экрана и приоритет для LCP-изображения.
2. Шрифты и критический CSS
Preload для ключевых шрифтов, font-display: swap и минимизация блокирующего CSS.
3. Кэш и база данных
Страничный кэш, объектный кэш (Redis), чистка автосохранений и ревизий, оптимизация тяжёлых запросов.
Результат
На типичном проекте эти шаги дают LCP ниже 2 секунд и стабильно зелёные метрики.