Клиент едет в метро и открывает ваш сайт с одной палочкой связи. Если страница не показалась за три-четыре секунды, он возвращается в поиск и открывает соседний результат. Никаких обид — просто быстрее.
Скорость почти никто не замечает, пока не сравнит с конкурентом. Между тем 80 % времени загрузки обычно съедают пять-восемь типовых причин, и все они лечатся — часто без смены хостинга и переделки сайта. Ниже: как измерить потерю денег, что именно тормозит и в каком порядке исправлять.
Сначала деньги, потом секунды
«Ускорить сайт» — задача без критерия. «Ускорить до 2,5 секунды на телефоне и вернуть 15 % брошенных корзин» — задача с критерием. Считается она просто.
Возьмём 4 000 визитов в месяц и конверсию 2 % — это 80 заявок. Если каждая лишняя секунда загрузки снимает 2–3 % дошедших до формы (так обычно и происходит на медленной связи), то три секунды «лишних» — это 5–7 заявок в месяц. При чеке 60 000 ₽ и конверсии из заявки 20 % — примерно 60–84 тыс. ₽ упущенной выручки ежемесячно.
Отсюда порядок действий: сначала измеряем, потом исправляем самое дешёвое и самое весомое, потом измеряем снова. Не наоборот.
Скорость — единственная характеристика сайта, которую посетитель оценивает до того, как увидел предложение. Медленная загрузка проигрывает конкурентам ещё до первого слова текста.
Что тормозит чаще всего
1. Картинки «как есть»
Фотография с телефона весит 4–6 МБ, а на экране занимает 400 пикселей по ширине. Браузер честно скачивает все мегабайты, чтобы потом уменьшить их в шесть раз.
Что делать: привести к нужным размерам, сжать, отдавать современный формат, включить ленивую загрузку для всего, что ниже первого экрана. Картинку первого экрана — наоборот, загружать сразу и с указанными размерами, чтобы страница не «прыгала».
2. Плагины, которые никто не считал
Каждый активный плагин добавляет стили, скрипты и запросы к базе. На сайте с двадцатью плагинами страница может делать десятки запросов ещё до вывода текста.
Что делать: отключить неиспользуемое и сравнить результат до и после. Минус три-пять плагинов часто даёт больше, чем любой «оптимизатор».
3. Шрифты из внешнего сервиса
Красивый шрифт — это подключение к чужому домену: ожидание ответа, загрузка файла, отдельная загрузка для жирного начертания. Пока шрифт не приехал, текст либо не виден, либо показан системным и потом «перескакивает».
Что делать: хранить файлы шрифтов у себя, подключать только два начертания, использовать системные шрифты там, где разницы не видно.
4. Без кеша и сжатия
Без кеша каждая загрузка — заново собранная страница. Без сжатия — тот же объём в два-три раза больше по весу.
Что делать: включить кеширование страниц, сжатие текстовых файлов, кеш браузера для статики. Это самые дешёвые настройки в списке.
5. Скрипты, которые блокируют отрисовку
Счётчики, чат-виджеты, карты, «умные» баннеры — каждый подключается к чужому серверу. Пять таких виджетов, и страница ждёт пять разных ответов, прежде чем что-то показать.
Что делать: отложенная загрузка для всего, что не нужно в первую секунду; лишние виджеты просто убрать. Чат, которым не пользуются, стоит дороже, чем кажется.
6. Слайдеры и тяжёлые анимации на первом экране
Большой слайдер с пятью большими фотографиями — это мегабайты и лишние секунды. Обычно он не приносит ничего: люди редко долистывают до третьего слайда.
Что делать: один статичный первый экран с понятным оффером и кнопкой. Анимацию оставить для hover-эффектов, которые не влияют на загрузку.
7. Хостинг и настройки сервера
Дешёвый тариф с лимитом памяти отвечает медленно и иногда — ошибкой 500. Это не «плохой хостинг», это несоответствие тарифа нагрузке.
Что делать: посмотреть время ответа сервера (первый байт). Если первый байт стабильно идёт дольше 0,8 с, дело в сервере, а не в картинках.
8. Шрифты, стили и скрипты «на всякий случай»
Темы часто подключают все свои стили и библиотеки целиком, даже если используется десятая часть. Это не видно глазами, но видно в весе страницы.
Что делать: отключить неиспользуемые ресурсы темы, объединить мелкие файлы, убрать дубли библиотек (особенно jQuery).
Скорость и реклама: что видно в деньгах
Отдельная история — платный трафик. Там потеря видна быстрее, потому что за клики уже заплачено.
- Дорогой клик и медленная страница. Если половина людей уходит до загрузки, вы платите за визиты, которых фактически не было.
- Оценка качества объявлений. Рекламные системы учитывают опыт на странице, и медленный сайт проигрывает в аукционе — при том же бюджете клик стоит дороже.
- Возвраты в поиск. Человек открыл, не дождался, вернулся в выдачу — с точки зрения аналитики это отказ, хотя на самом деле это скорость.
Поэтому при запуске рекламы скорость проверяют до первого платежа: правки стоят дешевле, чем неделя «тестового» бюджета на медленном сайте.
Как измерять, чтобы не обманывать себя
Замеров «на глаз» не существует — есть три цифры, на которые стоит смотреть.
| Метрика | Что показывает | Ориентир |
|---|---|---|
| LCP | Когда показался главный блок страницы | До 2,5 с |
| CLS | Насколько страница «прыгает» при загрузке | До 0,1 |
| INP | Как быстро страница реагирует на нажатие и ввод | До 200 мс |
Замерять нужно на мобильном профиле и на нескольких страницах: главная, страница услуги, статья. Одна «быстрая» страница ничего не доказывает — чаще всего тормозит именно та, что приносит трафик.
Порядок исправлений: от дешёвого к дорогому
- Картинки. Час работы, самый заметный эффект. Сжимаем всё, что больше 200 КБ.
- Кеш и сжатие. Настройки в несколько переключателей, делаются один раз.
- Плагины и виджеты. Отключить неиспользуемое, отложить второстепенное.
- Шрифты. Убрать внешние подключения, оставить два начертания.
- Первый экран. Убрать слайдер, поставить один статичный блок.
- Сервер. Только если время ответа стабильно большое — тогда тариф или настройки.
Смена хостинга в этом списке стоит последней не случайно: чаще всего после первых пяти пунктов вопрос «переезжать ли» исчезает сам.
Что мы проверяем на каждом сайте
Регулярная проверка нужна потому, что скорость деградирует сама: добавили картинку, плагин, виджет — и через месяц всё вернулось. Минимальный регламент на месяц выглядит так.
- Замер LCP и CLS на трёх ключевых страницах в мобильном профиле.
- Проверка самых тяжёлых файлов: что занимает первые строчки по весу.
- Ревизия плагинов: что установлено за месяц и что можно отключить.
- Проверка картинок, загруженных редактором: размеры и формат.
Это 20–30 минут в месяц, которые стоят дешевле, чем потерянные заявки. Работы по ускорению и правкам обычно идут в рамках обслуживания сайтов, ставка — 3 000 ₽/час; если сайт ещё собирается, это учитывается сразу на этапе создания сайтов на WordPress.
Когда дело не в сайте
Бывает, что сайт быстрый, а заявок всё равно мало: тогда причина в другом месте — формы, доставка заявок, первый экран. Полезно проверить по порядку:
- Заявки с сайта в CRM: семь мест, где теряются лиды — если заявки есть, но до менеджеров доходят не все.
- Сайт на WordPress: почему темы недостаточно — если сайт собран на теме без структуры.
- Обслуживание сайта: что делать каждый месяц — регламент, который держит скорость и безопасность в норме.
Частые вопросы
Сколько секунд считается нормой?
Ориентир для коммерческого сайта: главный блок виден за 2,5 секунды на мобильном интернете, страница не «прыгает» при загрузке. Дальше важнее стабильность: 2,5 секунды каждый раз лучше, чем 1,5 в кеше и 6 у нового посетителя.
Поможет ли плагин «оптимизатор»?
Иногда да, если он делает кеш и сжатие. Но плагин не уменьшит фотографию на 5 МБ и не отключит лишний виджет. Начинать нужно с содержимого, а не с настроек оптимизатора.
Нужен ли выделенный сервер?
Для сайта услуг — почти никогда. Сначала стоит проверить картинки, кеш и плагины: чаще всего после этого хватает обычного тарифа. Выделенный сервер нужен при высокой нагрузке или тяжёлых вычислениях.
Как часто измерять?
Раз в месяц и обязательно после изменений: обновление темы, новый плагин, новая галерея фотографий. Скорость деградирует незаметно, потому что каждое отдельное изменение кажется маленьким.
Влияет ли скорость на позиции в поиске?
Влияет как часть пользовательского опыта: медленные страницы хуже удерживают посетителей, а поведение учитывается. Ждать мгновенного роста позиций после ускорения не стоит — но ускорение убирает одну из причин, по которой сайт проигрывает.
Что делать, если сайт на конструкторе и тормозит?
Сначала сжать изображения и убрать лишние виджеты — это доступно и там. Если платформа не даёт управлять ресурсами, вопрос упирается в переезд; считать его нужно после того, как испробованы простые шаги.
Что сделать на этой неделе
- Замерьте главную и страницу услуги в мобильном профиле, запишите два числа.
- Найдите три самых тяжёлых файла — почти наверняка это фотографии.
- Сожмите их и замерьте снова: разница обычно видна сразу.
- Отключите один-два плагина или виджета, которыми не пользуетесь.
- Поставьте в календарь ежемесячную проверку на 30 минут.
