Цена секунды
Как скорость загрузки сайта незаметно съедает ваши заявки. И почему это видно не в дизайне, а в выручке.
Владельцы сайтов спорят про цвет кнопки и формулировку заголовка. А посетитель уже ушёл, потому что страница думала четыре секунды. Скорость не видно на скриншоте, поэтому её правят последней. При этом именно она тихо снимает процент с каждой рекламной кампании.
Разберём по фактам: сколько стоит каждая лишняя секунда, откуда эти секунды берутся и что реально ускоряет сайт. В середине — расчёт, в котором можно подставить свои цифры.
мобильных посетителей уходят, если страница грузится дольше 3 секунд
Google, исследование мобильной скоростик вероятности ухода при росте загрузки с 1 до 3 секунд
Google / SOASTAк конверсии в заявку давали всего 0,1 секунды ускорения
Deloitte, «Milliseconds Make Millions»Первое впечатление длится меньше секунды
Человек решает, остаться ему или закрыть вкладку, ещё до того как прочитает заголовок. Если за это время он видит белый экран или дёргающийся макет, дальше он не идёт. Реклама привела клик, деньги списались, а заявки не будет. Формально сайт «работает». Фактически он отдаёт трафик конкуренту, у которого страница открылась быстрее.
Сколько заявок съедает медленный сайт
Двигайте ползунки. Расчёт сравнивает ваш сайт с эталонной загрузкой за 1 секунду при базовой конверсии 4%.
Потерянные заявки — разница с загрузкой за 1 секунду. Это упущенный результат уже оплаченного трафика.
Откуда берутся лишние секунды
Чаще всего тормозит не «сервер вообще», а несколько конкретных вещей. Нажмите на причину, чтобы увидеть, что с ней делаем.
Фото на 4 МБ грузятся как первый экран. Сжимаем без потери качества, отдаём в формате WebP и подгружаем по мере прокрутки. Картинки часто весят больше, чем весь остальной сайт.
Сайт начинает рисоваться только после ответа хостинга. Включаем кеширование, убираем лишние запросы к базе и переносим на адекватный тариф. Цель — ответ до 200 мс.
Чаты, пиксели, счётчики и слайдеры тянут по килобайту друг за другом. Оставляем нужное, грузим остальное отложенно, чтобы оно не блокировало первый экран.
Каждый редирект — это ещё один круг ожидания. Убираем лишние http→https→www переходы и ведём рекламу сразу на финальный адрес.
Контент прыгает, пока подгружаются шрифты и баннеры, и человек промахивается по кнопке. Резервируем место заранее, чтобы страница не дёргалась.
Три метрики, на которые смотрит Яндекс и Google
Поисковики оценивают скорость по понятным порогам. Зелёная зона помогает позициям, красная мешает.
Время, за которое появляется основной блок страницы.
зелёная зона: до 2,5 секКак быстро сайт реагирует на нажатие или клик.
зелёная зона: до 200 мсНасколько сильно прыгает контент при загрузке.
зелёная зона: до 0,1Два сайта, один запрос
Один отвечает за 1,5 секунды, второй за 6. Разница в несколько секунд решает, кто получит заявку.
Что обычно ускоряет сайт за день-два
- Сжать и переформатировать изображения. Самый быстрый эффект. Часто только это снимает половину времени загрузки.
- Включить кеширование и сжатие на сервере. Повторные заходы открываются почти мгновенно.
- Отложить второстепенные скрипты. Чат и аналитика подключаются после первого экрана, а не до него.
- Убрать лишние редиректы. Реклама ведёт сразу на финальный адрес страницы.
- Зарезервировать место под контент. Макет перестаёт прыгать, нажатия попадают по кнопке.
Проверим скорость вашего сайта бесплатно
Пришлите адрес. Покажем замеры Core Web Vitals, найдём, что тормозит первый экран, и скажем, что исправить первым.
Источники: Google «Find out how you stack up to new industry benchmarks» (2017), Portent «Site Speed Is Important» (2022), Deloitte «Milliseconds Make Millions» (2020), web.dev — Core Web Vitals.