У вас красивый сайт: хорошие тексты, привлекательный дизайн, понятная навигация. Но заявок меньше, чем вы ожидали. Одна из причин, которую часто упускают из виду: сайт грузится слишком медленно — особенно на смартфоне. Звучит банально, но это одна из самых изученных закономерностей в онлайн-маркетинге.
Цифры: что показывают исследования — и чего они не показывают
- Google (2016): в исследовании «The Need for Mobile Speed», основанном на данных более 10 000 мобильных сайтов, 53 % мобильных посещений прерывались, если страница загружалась дольше трёх секунд. Цифра старая и относится ко времени 3G, но тенденция верна до сих пор: кому приходится ждать, тот уходит.
- Deloitte (2020): исследование «Milliseconds Make Millions», проведённое по заказу Google на данных 37 сайтов брендов, показало: когда мобильный сайт становился быстрее на 0,1 секунды, конверсия в розничной торговле росла в среднем на 8,4 %, у туристических компаний — на 10,1 %.
- Ранжирование в Google: Core Web Vitals входят в оценку удобства страницы (page experience), которую учитывают системы ранжирования Google. Релевантность и качество контента весят больше — но если несколько страниц примерно одинаково полезны, решающим может оказаться хороший пользовательский опыт.
Чтобы правильно оценить эти цифры, важно помнить: это средние значения, в основном по крупным брендам. Насколько скорость повлияет именно на вас, зависит от отрасли, целевой аудитории и исходной ситуации. Гарантий нет. Но ясно одно: медленный сайт вредит дважды. Посетители уходят, ещё не увидев вашего предложения, а в поиске такому сайту труднее пробиться.
Что вообще значит «быстро»?
То, как пользователи воспринимают загрузку страницы, Google оценивает по Core Web Vitals — трём показателям с фиксированными пороговыми значениями. В каждом случае учитывается 75-й процентиль: как минимум три из четырёх просмотров страницы должны укладываться в порог.
| Метрика | Что означает | Хорошо | Требует улучшения | Плохо |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Когда становится виден самый крупный элемент? | ≤ 2,5 с | 2,5–4 с | > 4 с |
| INP (Interaction to Next Paint) | Как быстро страница реагирует на клики и ввод? | ≤ 200 мс | 200–500 мс | > 500 мс |
| CLS (Cumulative Layout Shift) | Насколько сильно «прыгает» вёрстка при загрузке? | ≤ 0,1 | 0,1–0,25 | > 0,25 |
Как бесплатно измерить скорость своего сайта
- PageSpeed Insights от Google: вверху показывает полевые данные реальных пользователей Chrome (если у вашего сайта достаточно посетителей), а ниже — лабораторную оценку от 0 до 100 с конкретными рекомендациями по улучшению.
- Google Search Console: отчёт «Core Web Vitals» показывает, какие группы страниц не укладываются в пороговые значения.
- GTmetrix: подробный анализ в виде «водопада» — какой файл сколько времени загружается.
- Chrome DevTools (F12): на вкладке «Сеть» (Network) видны все загруженные файлы с их размерами, а на вкладке «Lighthouse» можно провести замер самостоятельно.
Для лабораторной оценки действует цветовая шкала самого Google: 90–100 — хорошо (зелёный), 50–89 — требует улучшения (оранжевый), ниже 50 — плохо (красный). Обязательно проверяйте и мобильную версию, а замеры делайте по несколько раз: отдельные результаты колеблются. В конечном счёте решают полевые данные, потому что они показывают, с чем сталкиваются реальные посетители.
Самые частые причины медленной работы сайтов
Тормозят сайты почти всегда одни и те же вещи — и большинство из них устраняется без полной переделки.
1. Слишком тяжёлые изображения
Классика. Фото прямо с камеры или смартфона легко весит несколько мегабайт. На сайте большинству изображений хватает заметно меньше 200 КБ, если отдавать их в современном формате вроде WebP или AVIF и в том размере, в котором они реально отображаются. Инструменты: Squoosh, TinyPNG или автоматическая оптимизация в вашей системе, например компонент изображений в Next.js. Картинки ниже по странице можно подгружать отложенно (lazy loading), а вот большое изображение в самом верху — нет, иначе ухудшится LCP.
2. Слишком много сторонних скриптов
Каждый трекер, каждый виджет чата, каждая встроенная карта загружает дополнительный JavaScript. Это отнимает трафик и вычислительное время; на старых смартфонах страдает прежде всего скорость отклика (INP). Регулярно проверяйте, какие скрипты вам действительно нужны. Кое-что можно загружать только после клика — например, карту или видео. А трекинг в любом случае можно запускать только после согласия посетителя.
3. Нет CDN (Content Delivery Network)
В пределах Германии расстояние до сервера даёт разницу всего в несколько миллисекунд. И всё же CDN себя оправдывает: он отдаёт изображения, скрипты и шрифты с ближайшего узла, сглаживает пиковые нагрузки и заметно помогает, если ваш сервер находится далеко. Среди провайдеров — например, Cloudflare (с бесплатным тарифом для старта), AWS CloudFront или сеть вашего хостера. Если провайдер находится за пределами ЕС, в чек-лист обязательно входит и защита данных.
4. Устаревшие протоколы передачи данных
HTTP/2 и HTTP/3 передают много файлов параллельно и быстрее, чем старый HTTP/1.1. Почти все современные хостеры поддерживают как минимум HTTP/2. Использует ли его ваш сайт, видно в Chrome DevTools на вкладке «Сеть» в столбце «Protocol» («h2» или «h3»).
5. Ресурсы, блокирующие отрисовку
Речь о файлах CSS и JavaScript, которые должны загрузиться полностью, прежде чем браузер вообще что-то покажет. Решение: сначала загружать CSS, нужный для первого экрана, а остальное — позже; подключать JavaScript с атрибутом «defer» или «async»; ограничить число шрифтов и их начертаний.
6. Медленный сервер
Дешёвый виртуальный хостинг, отсутствие кеширования или WordPress с десятками плагинов приводят к тому, что долго приходится ждать уже первого ответа сервера. Это время называется Time to First Byte (TTFB). В качестве грубого ориентира Google называет максимум 0,8 секунды. Если ваш показатель заметно выше, кеширование, более мощный тариф или чистка плагинов часто дают больше, чем любая оптимизация изображений.
Как мы работаем в Vagabov Agency
В наших проектах сайтов производительность закладывается ещё на этапе планирования, а не прикручивается потом. В проекты на Next.js по умолчанию входят:
- автоматическая оптимизация изображений через компонент изображений Next.js — в современных форматах и подходящих размерах;
- отложенная загрузка (lazy loading) всего, что ниже видимой области;
- статическая генерация везде, где это возможно;
- доставка через CDN;
- замеры в Lighthouse и PageSpeed Insights перед запуском и после крупных изменений.
Базовое техническое SEO, включая оптимизацию скорости загрузки, входит в каждый наш пакет сайта, а не продаётся как доплата сверху.
Что это значит для вашей компании?
Сколько дополнительных заявок принесёт более быстрый сайт, никто не может честно предсказать — и мы тоже. Но вы можете измерить это сами:
- Зафиксируйте исходные значения: записывайте Core Web Vitals ваших главных страниц и коэффициент конверсии — то есть число заявок, бронирований или покупок на 100 посещений — минимум в течение четырёх недель.
- Устраните главный тормоз: начните с того, где PageSpeed Insights показывает самую большую возможную экономию, — обычно это изображения или скрипты.
- Сравните: посмотрите на такой же по длине период после изменений. Учитывайте сезонность и то, что без согласия посетителей ваша статистика фиксирует не все визиты.
- Продолжайте или остановитесь: если ваши показатели в зелёной зоне, каждая следующая миллисекунда даёт всё меньше. Тогда разумнее вкладываться в контент и само предложение.
Как за несколько минут сравнить свой сайт с сайтами конкурентов, мы показываем в статье о сравнении скорости (на немецком). Технические подробности — в статье о техническом SEO и Core Web Vitals для сайтов на Next.js (на немецком).
Вывод: производительность — не техническая мелочь, а вопрос бизнеса
Быстрый сайт — это не приятный бонус. Скорость загрузки — один из рычагов, которые самым прямым образом влияют на пользовательский опыт, видимость и заявки, — и её можно измерить до и после того, как вы вложитесь.
Если хотите узнать, где ваш сайт тормозит, просто возьмите свои показатели PageSpeed на бесплатную первую консультацию. Там обсудим, какие меры имеют смысл именно в вашем случае.
