Цена секунды
Как скорость загрузки сайта незаметно съедает ваши заявки и почему это видно не в дизайне, а в выручке.
Владельцы сайтов спорят про цвет кнопки и формулировку заголовка. А посетитель уже ушёл, потому что страница думала четыре секунды. Скорость не видно на скриншоте, поэтому её правят последней. При этом именно она тихо снимает процент с каждой рекламной кампании.
Разберём по фактам: сколько стоит каждая лишняя секунда, откуда эти секунды берутся и что реально ускоряет сайт. В середине — расчёт, в котором можно подставить свои цифры.
мобильных посетителей уходят, если страница грузится дольше 3 секунд
Google, исследование мобильной скоростик вероятности ухода при росте загрузки с 1 до 3 секунд
Google / SOASTAк конверсии в заявку давали всего 0,1 секунды ускорения
Deloitte, «Milliseconds Make Millions»Первое впечатление длится меньше секунды
Человек решает, остаться ему или закрыть вкладку, ещё до того как прочитает заголовок. Если за это время он видит белый экран или дёргающийся макет, дальше он не идёт. Реклама привела клик, деньги списались, а заявки не будет: формально сайт «работает», но фактически отдаёт трафик конкуренту, у которого страница открылась быстрее.
Сколько заявок съедает медленный сайт
Двигайте ползунки, и расчёт сравнит ваш сайт с эталонной загрузкой за одну секунду при базовой конверсии 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.