Как скорость сайта влияет на заявки, продажи и доверие

Цифры: скорость = деньги

Amazon подсчитал: каждые 100 мс задержки стоят 1% продаж. Для Amazon это миллиарды. Для вашего бизнеса — вполне ощутимая сумма.

Другие цифры:

• 53% мобильных пользователей уходят, если сайт грузится дольше 3 секунд
• Сайты, загружающиеся за 1 секунду, имеют в 3 раза больше конверсии
• Walmart увеличил конверсию на 2% за каждую 1 секунду ускорения
• Google использует скорость как фактор ранжирования с 2021 года

Скорость — это не техническая метрика для гиков. Это прямая линия между производительностью и прибылью.

Core Web Vitals разбор

Google выделил три ключевых метрики, которые влияют на ранжирование:

LCP (Largest Contentful Paint) — время загрузки крупного контента. Должно быть < 2.5 сек. Это главное изображение, видео или блок текста на странице.

FID (First Input Delay) / INP (Interaction to Next Paint) — время от клика до реакции. Должно быть < 200 мс. Если пользователь кликнул, а интерфейс не отреагировал — он думает, что сайт сломан.

CLS (Cumulative Layout Shift) — стабильность вёрстки. Должно быть < 0.1. Когда элементы прыгают во время загрузки — это не просто раздражает, это приводит к случайным кликам и ошибкам.

Что реально ускоряет сайт

Изображения

• Используйте WebP/AV1 вместо JPEG/PNG
• Lazy loading для изображений ниже fold
• Responsive images с srcset
• Оптимизируйте размер: не грузите 4000px картинку для мобильного

JavaScript

• Code splitting — грузите только то, что нужно на текущей странице
• Tree shaking — убирайте неиспользуемый код
• Defer/async для скриптов, которые не нужны сразу
• Используйте SSR или SSG (Next.js, Nuxt)

CSS

• Critical CSS inline для above-the-fold контента
• Остальное — асинхронно
• Purge unused styles

Сервер

• CDN для static assets (Cloudflare, AWS CloudFront)
• HTTP/2 или HTTP/3
• Compression (Brotli > Gzip)
• Edge caching

База данных

• Redis для hot data
• Database query optimization
• Connection pooling

Как измерять скорость

Инструменты

• Google PageSpeed Insights — базовая проверка
• Lighthouse CI — автоматический аудит в CI/CD
• WebPageTest — детальный анализ waterfall
• Chrome DevTools — Performance tab
• Real User Monitoring (RUM) — Datadog, New Relic

Метрики, которые стоит отслеживать

• Time to First Byte (TTFB)
• First Contentful Paint (FCP)
• Largest Contentful Paint (LCP)
• Time to Interactive (TTI)
• Total Blocking Time (TBT)
• Core Web Vitals по percentiles (p75, p95, p99)

Выводы

Скорость сайта — это один из немногих факторов, который влияет одновременно на SEO, конверсию, пользовательский опыт и репутацию бренда. И при этом — он полностью контролируемый.

Не пытайтесь оптимизировать всё сразу. Начните с измерения, найдите самое узкое место, исправьте его, измерьте результат — и переходите к следующему.