Цель — первый экран за 2–3 секунды на мобильном интернете. Проверяют скорость в PageSpeed Insights, в отчёте Метрики и на своём телефоне. Главные тормоза — тяжёлые картинки, видео-фон, десяток виджетов и лишние шрифты.
Объясняем на пальцахЭто как очередь в магазине: если касса открывается 4 секунды, покупатель разворачивается и уходит. Реклама привела, а дверь заедает.
Представь: ты нажал на кнопку, а лифт едет целую вечность. Ты пойдёшь по лестнице. Так и человек уходит с медленного сайта.
Приходите в гости, а хозяйка полчаса ищет ключи. Вы уже ушли. Сайт должен открываться быстро, пока гость не передумал.
Вы заплатили за клик. Человек нажал на объявление — и смотрит на белый экран. Через 3–4 секунды он нажимает «назад». Клик оплачен, заявки нет, в Метрике — отказ.
Это самая обидная трата рекламного бюджета: деньги ушли не на плохой текст и не на плохой оффер, а на то, что страница просто не успела открыться.
Как проверить скорость сайта
- PageSpeed Insights — оценка и список рекомендаций отдельно для мобильных и компьютеров.
- Метрика — отчёт «Время загрузки страниц».
- Свой телефон на мобильном интернете — самый честный тест.
Первый экран с телефона — за 2–3 секунды. Виджетов — 1–2, шрифтов — 1–2, фото — в WebP вместо файлов по 3–5 МБ.
Вебвизор покажет, как это выглядит со стороны посетителя: клик по объявлению, секунда на белом экране, на четвёртой секунде — «назад». Запись длится три-четыре секунды, и заявки в ней не будет.
10 частых причин медленной загрузки
| Причина | Что сделать |
|---|---|
| Фото по 3–5 МБ | Сжать, формат WebP, правильный размер |
| Видео на фоне первого экрана | Заменить картинкой или лёгким роликом |
| Десяток виджетов (чаты, обратный звонок, соцсети) | Оставить 1–2 нужных |
| Много шрифтов и начертаний | 1–2 шрифта, только нужные начертания |
| Слайдер на 10 тяжёлых картинок | Одна сильная картинка |
| Карта на первом экране | Статичная картинка со ссылкой |
| Нет кеширования | Плагин кеша или настройки хостинга |
| Слабый хостинг | Переезд на нормальный тариф |
| Неиспользуемые скрипты и счётчики | Удалить старые |
| Конструктор с тяжёлыми блоками | Упростить блоки первого экрана |
Простые действия без программиста
- Сжать все фото (онлайн-сервисы или плагины) и перевести в WebP.
- Убрать видео-фон и лишние слайдеры.
- Отключить ненужные виджеты.
- Включить кеширование.
- Перепроверить скорость с телефона.
Пятый пункт самый важный. Сайт, проверенный только на рабочем компьютере с проводным интернетом, — как автомобиль, проверенный только в гараже.
Что облегчить на сайтах разных ниш
- Ресторан и банкетный зал. Видео-фон зала заменить одним фото в WebP, карту на первом экране — статичной картинкой, слайдер меню — одним блюдом. Гостю нужны атмосфера, адрес и кнопка брони.
- Интернет-магазин одежды. Фото карточек сжать до WebP нужного размера, баннер-карусель из 8 слайдов заменить одним, отключить виджеты соцсетей.
- Строительство домов. Галерею проектов вынести ниже первого экрана, рендеры по 5 МБ сжать, оставить один шрифт в двух начертаниях.
- Стоматология. Из чата, обратного звонка, онлайн-записи и всплывающего окна оставить онлайн-запись и один мессенджер: четыре виджета грузят четыре чужих скрипта.
- Лендинг на конструкторе. Упростить блок первого экрана, удалить анимацию появления, убрать скрытые неиспользуемые блоки: они всё равно загружаются.
- Сайт на WordPress. Включить плагин кеширования, удалить неактивные плагины и старые счётчики, перевести картинки в WebP плагином.
- Агентство недвижимости. Каталог подгружать порциями, фото сжать, карту показать только по кнопке.
Типичные ошибки
Обычно сайт тормозит не из-за одной большой проблемы, а из-за десятка маленьких «ну пусть будет».
- Грузят видео-фон на первый экран «для красоты».
- Ставят все виджеты подряд: чат, обратный звонок, соцсети, подписку.
- Оставляют старые счётчики и скрипты, которыми давно никто не пользуется.
- Проверяют скорость только на компьютере.
- Гонятся за цифрой в PageSpeed, а не за реальной скоростью первого экрана на телефоне.
Что проверить у себя
- Первый экран загружается за 2–3 секунды с телефона.
- Фото сжаты и в WebP.
- Нет видео-фона на первом экране.
- Не больше 1–2 виджетов.
- Включено кеширование.
- Удалены старые скрипты и счётчики.
Смежные темы: мобильная версия под рекламу, виджеты и мессенджеры, сайт, который продаёт.
Мнение Александра ЕвстигнееваОснователь AVE Design Studio«Каждая лишняя секунда загрузки — это люди, которые заплатили за клик и не дождались.»
Частые вопросы
Алиса, какая оценка PageSpeed нужна для рекламы?
Ориентируйтесь не на цифру, а на реальную скорость первого экрана с телефона: 2–3 секунды. Зелёная зона — хорошо, но не обязательно.
Влияет ли скорость сайта на цену клика?
Косвенно: медленный сайт даёт больше отказов и хуже конверсию, и стратегия начинает платить больше за заявку.
Конструктор медленнее WordPress?
Зависит от сборки. Тяжёлым можно сделать любой сайт.
Через сколько секунд человек уходит с медленного сайта?
Через 3–4 секунды ожидания человек нажимает «назад». Клик оплачен, заявки нет.
Сколько виджетов можно оставить на сайте?
Один-два нужных. Каждый виджет грузит свой скрипт и замедляет страницу.
Как это выглядит у клиентов
Собственный проект студииYa-Audit: сайт директологаКвиз из 5 вопросов и гарантия заявок в договоре
Звуковые практики и релакс-сессииВысокие вибрации: звуковые сессииЛендинг с тестом из 3 вопросов, 4 программы
Интернет-магазины и товарные бренды«Уютные Сны»: матрасы «Аскона»326 заявок в месяц по 1 208 ₽
Опубликовано .
