Скорость сайта перестала быть заботой разработчиков — это фактор ранжирования и прямой множитель конверсии. Каждые 100 миллисекунд задержки стоят e-commerce около 1% выручки. Разбираем метрики Google без жаргона.
Три метрики, которые меряет Google
LCP (Largest Contentful Paint) — когда пользователь видит главный контент. Целевое значение — до 2,5 секунды, наш стандарт — до 1,2. CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке; норма — до 0,1. INP (Interaction to Next Paint) — задержка отклика на действия; до 200 миллисекунд.
Что убивает LCP
- Неоптимизированные изображения: WebP/AVIF и правильные размеры дают до 60% эффекта
- Шрифты без предзагрузки: текст ждёт загрузки шрифта или мигает заменой
- Сторонние скрипты в head: каждый маркетинговый пиксель — минус к скорости
- Рендеринг на клиенте там, где нужен серверный
Почему мы строим на Next.js
Серверный рендеринг отдаёт готовый HTML — браузеру не нужно ждать JavaScript, чтобы показать контент. Статическая генерация делает страницы каталога и блога мгновенными. Автоматическая оптимизация изображений и код-сплиттинг работают из коробки. Медианный LCP наших проектов — 1,1 секунды.
Скорость — это процесс, не разовая акция
Бюджет производительности фиксируется до дизайна: сколько весит страница, сколько скриптов допустимо. CI проверяет каждый релиз — деградация блокирует выкатку. Иначе сайт, быстрый на запуске, за год обрастает пикселями и тяжелеет вдвое.
Проверьте свой сайт в PageSpeed Insights: если LCP выше 2,5 секунды — вы платите за это позициями и конверсией. Аудит производительности находит главные утечки за неделю.