«Сайт работает, открывается — что ещё надо?» — типичный вопрос. Ответ простой: каждые лишние 100 миллисекунд загрузки = минус 1–3% конверсии. На больших оборотах это сотни тысяч рублей в месяц. Скорость сайта — не «технический штрих», а прямой драйвер выручки.
Что такое Core Web Vitals и почему они важны
Core Web Vitals — это набор метрик от Google, который измеряет «реальный пользовательский опыт» загрузки. Три ключевые:
- LCP (Largest Contentful Paint). Время до отрисовки самого большого элемента (обычно главное фото или заголовок). Цель — < 2.5 секунд.
- INP (Interaction to Next Paint). Время от клика/нажатия до видимой реакции. Цель — < 200 мс.
- CLS (Cumulative Layout Shift). Сколько «прыгает» содержимое во время загрузки. Цель — < 0.1.
Все три должны быть в зелёной зоне. Если хотя бы одна в красной — Google понижает сайт в выдаче на мобильных, а пользователи уходят, не дождавшись отрисовки.
В 2026 году эти метрики не только для SEO — Яндекс тоже использует их при ранжировании, и пользователи в среднем стали менее терпеливыми (3–5 секунд = в 90% уход).
Деньги: связь скорости и конверсии
Реальные цифры из исследований и нашей практики:
| Изменение скорости | Изменение конверсии |
|---|---|
| -100 мс LCP | +1–2% |
| -500 мс LCP | +5–10% |
| -1 сек LCP | +10–25% |
| Bounce rate при загрузке 1 сек | 9% |
| Bounce rate при загрузке 3 сек | 32% |
| Bounce rate при загрузке 6 сек | 90%+ |
Для среднего интернет-магазина с оборотом 5 млн в месяц улучшение LCP с 4 секунд до 2 — это +500–1500 тыс. рублей выручки в месяц. Окупаемость работ по оптимизации — обычно 1–3 месяца.
Как измерить свою скорость
Несколько бесплатных инструментов:
- PageSpeed Insights (Google) — главный инструмент. Показывает Core Web Vitals на основе реальных данных пользователей и лабораторных тестов.
- WebPageTest.org — детальное тестирование с разных географий и устройств.
- Lighthouse в DevTools браузера — для разработчика.
- Поисковая консоль Google и Яндекс.Вебмастер — показывают историю Core Web Vitals по реальным пользователям.
Главный совет: тестируйте на мобильном 3G/4G, не на десктопе с гигабитом. Большинство пользователей в 2026 году — мобильные, и у них реальная скорость интернета не идеальная.
Самые частые причины медленности
В 95% случаев медленный сайт страдает от одной из этих проблем:
1. Большие необработанные картинки
Фото 4 МБ на главной — частое явление. Решения:
- сжатие через WebP/AVIF (экономия 60–80% веса);
- адаптивные изображения (
<picture>,srcset); - ленивая загрузка (
loading="lazy") для изображений ниже первого экрана; - CDN для раздачи статики.
Это самое дешёвое улучшение: 1–2 дня работы, эффект — минус 30–50% от LCP.
2. Много неоптимизированного JavaScript
Лендинги на «модных конструкторах» часто грузят 2–5 МБ JavaScript для одной страницы. Решения:
- code splitting (по страницам и по экранам);
- удаление неиспользуемых библиотек;
- отложенная загрузка не-критичного JS (
defer,async); - минимизация внешних трекеров.
Тяжёлый случай: на сайте 8 трекеров (метрика, GTM, чат, виджеты, AB-тесты). Каждый по 100–300 КБ JS. Простое снижение их числа до 2–3 — минус 1–2 секунды на загрузку.
3. Шрифты и ненужные иконки
Шрифты на 8 начертаний по 200 КБ каждый = 1.6 МБ только на шрифты. Решения:
- использовать 1–2 начертания, остальные —
font-display: swap; - кириллица вместо «полного» шрифта;
- иконочные шрифты заменить на SVG.
4. Старая инфраструктура
Если сайт лежит на дешёвом shared-хостинге без HTTP/3, без сжатия Brotli, без кэширования — никакая оптимизация фронта не поможет. Решения:
- современный хостинг или VPS;
- CDN (Selectel, Cloudflare, российские альтернативы);
- HTTP/3 и Brotli;
- кэширование на стороне сервера.
5. Неоптимизированная база данных
Для динамических сайтов: каждый запрос делает 50 запросов к БД, каждый по 50 мс — итого 2.5 секунды только на бэкенд. Решения:
- индексы на основные запросы;
- кэширование часто запрашиваемых данных (Redis);
- объединение запросов;
- оптимизация ORM-запросов.
CLS (прыгающий контент) — отдельная боль
CLS — это когда вы кликаете «купить», а в этот момент догружается баннер сверху, кнопка съезжает, и вы кликаете в «нет, оставить меньше».
Причины:
- баннеры и реклама без зарезервированного места;
- картинки без указанных размеров;
- шрифты, которые меняются после загрузки и сдвигают текст;
- виджеты, которые вылезают сверху или снизу с задержкой.
Решения:
- указывать
widthиheightдля всех картинок (или использовать aspect-ratio); - резервировать место для рекламы и виджетов через CSS;
- использовать
font-display: optionalилиswapс близким fallback-шрифтом.
CLS обычно лечится за 1 неделю работы фронтендера.
Реалистичный план оптимизации
Не пытайтесь сразу сделать «всё». Подход поэтапный:
Неделя 1: измерение и анализ. Собираете все данные, понимаете, что ломает скорость.
Неделя 2–3: быстрые победы. Сжатие картинок, удаление лишних трекеров, отложенная загрузка некритичного JS. Обычно даёт 50–70% эффекта при 20% усилий.
Неделя 4–6: средние улучшения. Code splitting, оптимизация шрифтов, перенос на CDN. Ещё 20–30% эффекта.
Месяц 2–3: глубокая работа. Если нужны лучшие результаты — оптимизация бэкенда, кэширование, рефакторинг тяжёлых компонентов.
Стоимость работ
Реалистичные ориентиры:
- Базовый аудит и быстрые правки: 30–80 тыс. рублей.
- Средняя оптимизация: 80–250 тыс. рублей.
- Глубокая переработка под Core Web Vitals: 250–700 тыс. рублей.
- Перенос на современную инфраструктуру: дополнительно 50–200 тыс.
Окупаемость зависит от оборота сайта. Для интернет-магазинов с оборотом 3+ млн в месяц — обычно 1–3 месяца. Для информационных сайтов с трафиком 10+ тыс. в день — через рост позиций в SEO.
Когда это критично
Сценарии, в которых оптимизация скорости — приоритет №1:
- ваш сайт проигрывает конкурентам в выдаче;
- bounce rate выше 60%;
- мобильная конверсия в 2–3 раза ниже десктопной;
- вы платите за рекламу, и стоимость лида выше планируемой;
- запуск нового сезона / акции, и нужно выдержать пик нагрузки.
В этих случаях откладывать нельзя — каждая неделя потерянной скорости = недополученная выручка.
Главное
Скорость сайта — это не «техническая роскошь», это прямая ось «деньги ↔ скорость». Каждый второй владелец интернет-магазина в России теряет 20–40% потенциальной выручки из-за медленного сайта и не знает об этом.
Хорошая новость: 80% улучшения достигается простыми мерами за 2–4 недели работы. Если ваш сайт в красной зоне Core Web Vitals — это не катастрофа, это просто следующая задача в списке. Сделайте — и почувствуйте разницу в кассе уже через месяц.