Core Web Vitals: как ускорить сайт и почему скорость влияет на продажи

Скорость сайта — это не про технический перфекционизм, а про деньги. Пользователи не ждут: если страница грузится дольше трёх секунд, больше половины мобильных посетителей уходят.

Что такое Core Web Vitals

Это три метрики, по которым поисковики оценивают удобство страницы.

LCP — скорость загрузки

Показывает, когда пользователь увидел основное содержимое: заголовок первого экрана или главное изображение.

INP — отзывчивость

Сколько проходит времени между кликом и реакцией интерфейса. Тяжёлый JavaScript — главный враг этой метрики.

CLS — визуальная стабильность

Вы собирались нажать кнопку, а она «уехала» вниз из-за подгрузившегося баннера. Это и есть плохой CLS.

Как улучшить LCP

• Используйте серверный рендеринг: браузер получает готовый HTML, а не пустую страницу.
• Сжимайте изображения в WebP/AVIF и указывайте размеры.
• Предзагружайте главный шрифт и изображение первого экрана.
• Используйте CDN и кэширование.

Как улучшить INP

• Разбивайте JavaScript на чанки и загружайте их по требованию.
• Избегайте тяжёлых сторонних виджетов на первом экране.
• Переносите сложные вычисления из основного потока.

Как улучшить CLS

• Всегда задавайте width и height у изображений и видео.
• Резервируйте место под динамические блоки.
• Используйте font-display: swap и подбирайте запасной шрифт с похожими метриками.

Скорость и конверсия

Исследования крупных ритейлеров показывают: ускорение загрузки на 0,1 секунды увеличивает конверсию на 8–10%. Для сайта, который приносит 100 заявок в месяц, это 8–10 дополнительных клиентов — бесплатно.

Как мы делаем быстрые сайты

Мы используем React с серверным рендерингом, оптимизированную сборку Vite, локальные шрифты и адаптивные изображения. Типичный результат — 95–100 баллов в PageSpeed Insights на мобильных. Хотите так же? Оставьте заявку — проверим скорость вашего текущего сайта бесплатно.