Медленный мобильный сайт: почему уходят до первого экрана

Владелец сайта почти никогда не видит свой сайт так, как его видит клиент. Он открывает его на рабочем ноутбуке, через офисный оптоволоконный интернет, и браузер уже помнит половину файлов из кеша. Страница появляется мгновенно. А клиент в это время стоит на остановке в Гомеле с телефоном трёхлетней давности, сигнал 4G прыгает между двумя и тремя делениями, и он смотрит на белый экран. Давайте пройдём этот путь вместе с ним, секунда за секундой, и посмотрим, где именно медленный мобильный сайт теряет людей.

0,0 секунды: нажатие

Человек нажал на ссылку в выдаче Яндекса, в объявлении или в сторис. С этого момента у вас есть кредит доверия, и он быстро тает. Исследования поведения пользователей много лет показывают одну и ту же картину: с ростом времени загрузки с одной до трёх секунд вероятность ухода заметно растёт, а к пяти секундам уходит уже значительная часть посетителей. Конкретные цифры зависят от ниши, но направление всегда одно.

Важно: всё, что происходит дальше, человек не видит как «загрузку сервера» или «обработку скриптов». Он видит только экран. Поэтому мерить нужно не время, за которое загрузились все файлы, а время, за которое появилось то, ради чего он пришёл.

0,0 — 1,0 секунды: ожидание ответа сервера

Телефон ищет адрес сервера, устанавливает защищённое соединение и ждёт первый байт ответа. На мобильной сети каждая из этих операций дольше, чем на проводном интернете. Если сервер ещё и думает 800 миллисекунд, собирая страницу из базы данных, первую секунду клиент гарантированно смотрит на пустой экран.

Что тормозит на этом этапе

• дешёвый перегруженный хостинг, где на одном сервере сотни сайтов;
• сервер в другой стране, далеко от аудитории;
• отсутствие кеширования страниц: каждая загрузка собирается заново;
• тяжёлые плагины, которые выполняют запросы к базе на каждой странице;
• цепочка редиректов: с http на https, потом на www, потом на мобильную версию.

Ориентир для этого этапа — время до первого байта до 0,6-0,8 секунды. Проверить можно в PageSpeed Insights или в инструментах разработчика браузера.

1,0 — 2,5 секунды: первый экран или его отсутствие

Сервер ответил, браузер начал строить страницу. И тут выясняется, что для отображения первого экрана ему нужны: три файла шрифтов, большой CSS со стилями всего сайта, библиотека слайдера, скрипт онлайн-чата, счётчики аналитики и баннер на 2 мегабайта, который дизайнер выгрузил прямо из макета.

Пока всё это не скачается, человек видит белый экран, иногда с логотипом, иногда с крутящимся колёсиком. Именно здесь происходит большинство уходов. Человек ещё не увидел ни вашего предложения, ни цены, ни кнопки. Он увидел только то, что сайт медленный.

Метрика, которая это описывает, называется LCP — время отрисовки самого крупного элемента первого экрана. Google считает хорошим значение до 2,5 секунды. Подробно о том, как метрики скорости влияют на позиции в 2026 году, мы рассказывали в статье про Core Web Vitals.

Типичные виновники на мобильных

1. Изображения не сжаты и не адаптированы. На телефон грузится та же картинка 2500 пикселей шириной, что и на большой монитор.
2. Видео на фоне первого экрана. Красиво на десктопе, катастрофа на мобильном интернете. Как использовать видео и не убить скорость, мы разбирали в материале про видео на сайте.
3. Слайдер на главной. Грузит пять больших картинок, хотя человек увидит только первую.
4. Шрифты. Пять начертаний и кириллица в трёх форматах — это легко 500 килобайт ещё до текста.
5. Блокирующие скрипты. Код, который браузер обязан выполнить до показа страницы, хотя он нужен только для формы в подвале.

2,5 — 4,0 секунды: страница видна, но не работает

Допустим, первый экран появился. Человек пытается прокрутить вниз или нажать на кнопку «Записаться». Ничего не происходит. Браузер всё ещё занят выполнением скриптов: подгружает чат, виджет отзывов, пиксели соцсетей, рекламные метки. Палец нажимает второй раз, третий. Потом страница вдруг дёргается, потому что сверху появился баннер про cookies, и кнопка уезжает вниз.

Это две отдельные проблемы, и обе Google измеряет:

• INP — насколько быстро страница реагирует на нажатия. Хорошо — до 200 миллисекунд.
• CLS — насколько сильно элементы прыгают при загрузке. Хорошо — до 0,1.

С точки зрения посетителя это выглядит как «сайт глючит». Даже если он дождался загрузки, доверие уже подорвано.

4 секунды и дальше: клиент у конкурента

К этому моменту значительная часть посетителей уже нажала «назад» и открыла следующую ссылку. Для поисковой системы это тоже сигнал: человек вернулся в выдачу почти сразу, значит, страница не ответила на запрос. Если такое повторяется регулярно, позиции начинают проседать, и медленный мобильный сайт теряет не только тех, кто пришёл, но и тех, кто мог бы прийти.

При этом в аналитике это часто выглядит неочевидно. Многие ушедшие даже не успевают загрузить счётчик Метрики, поэтому в отчётах их просто нет. Владелец видит нормальный процент отказов и не понимает, почему заявок мало при хорошем трафике в рекламном кабинете.

Как увидеть свой сайт глазами мобильного клиента

1. Откройте сайт на своём телефоне, отключив Wi-Fi. Лучше на недорогом Android, а не на новом iPhone.
2. Откройте в режиме инкогнито, чтобы не помог кеш.
3. Засеките, через сколько секунд вы видите заголовок и кнопку, а не через сколько исчезло колёсико загрузки.
4. Попробуйте сразу нажать на кнопку заявки. Сработало ли с первого раза?
5. Прогоните главную и две-три ключевые страницы через PageSpeed Insights в мобильном режиме. Смотрите блок «данные реальных пользователей», если он есть.
6. Загляните в Search Console, отчёт «Основные интернет-показатели». Там видно, сколько страниц Google считает медленными на мобильных.

Что даёт самый быстрый эффект

Не нужно переделывать сайт целиком, чтобы заметно его ускорить. Вот что обычно даёт максимальный результат за минимальные усилия, примерно в порядке убывания пользы:

• Сжатие и современный формат изображений — WebP или AVIF, правильные размеры для мобильных, ленивая загрузка всего, что ниже первого экрана.
• Кеширование страниц на сервере и нормальный хостинг с сервером ближе к аудитории.
• Удаление лишнего с первого экрана: слайдер заменить одной картинкой, фоновое видео — статичным кадром на мобильных.
• Отложенная загрузка сторонних скриптов: чат, виджеты, пиксели можно подгружать через несколько секунд или после первого взаимодействия.
• Ревизия плагинов. На WordPress часто стоит 30-40 плагинов, половина из которых не используется, но грузит свои файлы на каждой странице.
• Шрифты: оставить два начертания, подключить только кириллицу и латиницу, включить быстрое отображение текста.
• Фиксированные размеры для блоков, которые появляются позже, чтобы страница не прыгала.

Скорость — это ещё и часть первого впечатления. Как выстроить первый экран, чтобы он одновременно был лёгким и убедительным, мы писали в статье про первое впечатление за 3 секунды.

Сколько стоит одна лишняя секунда

Посчитать потери от медленного сайта проще, чем кажется. Возьмите месячный мобильный трафик из Метрики, текущую конверсию в заявку и средний чек. Например, интернет-магазин получает 6000 мобильных визитов в месяц, конверсия 1,5%, средний чек 120 рублей. Это 90 заказов и 10 800 рублей выручки с мобильных.

Теперь допустим, что после ускорения первого экрана с 4,5 до 2 секунд конверсия выросла до 2%. Цифра осторожная, на практике бывает и больше. Получается 120 заказов и 14 400 рублей. Разница в 3600 рублей каждый месяц, и это без единого рубля на дополнительную рекламу. А если сайт ещё и получает трафик из контекста, ускорение снижает стоимость заявки: вы платите за те же клики, но больше из них доходят до формы.

Обратный расчёт тоже полезен. Если вы платите за клик в Директе 0,8 рубля и треть мобильных посетителей уходит, не дождавшись страницы, каждая третья оплаченная копейка просто сгорает. На бюджете 1000 рублей в месяц это больше 300 рублей ежемесячно, которые медленный мобильный сайт отдаёт ни за что.

Мифы, которые мешают заняться скоростью

• «У всех сейчас быстрый интернет». В центре Минска да. В регионах, в метро, в лифте, на трассе — нет. И даже быстрый 4G медленнее, чем кажется, из-за задержек сети.
• «PageSpeed показывает 90 на десктопе, значит, всё хорошо». Десктопная и мобильная оценки — две разные истории. Смотрите мобильную.
• «Поставим плагин оптимизации и всё». Плагин помогает, но не уберёт тяжёлое видео, лишние скрипты и медленный хостинг. Иногда он ещё и ломает вёрстку.
• «Это дорого». Базовая оптимизация изображений и кеширования часто стоит дешевле месяца рекламы и окупается за несколько недель.

Почему это задача не только разработчика

Скорость портится постепенно. Маркетолог добавил новый пиксель, контент-менеджер загрузил фото с телефона без сжатия, кто-то поставил плагин для одного баннера на новогоднюю акцию. Каждое действие по отдельности безобидно, а через год сайт грузится в два раза дольше, чем при запуске. Поэтому полезно договориться внутри команды о простых правилах: изображения перед загрузкой сжимать, новые сервисы подключать через ответственного, раз в квартал проверять ключевые страницы в PageSpeed.

Ускорение мобильной версии — одна из первых работ, которые мы делаем в рамках SEO-продвижения, потому что без неё любые тексты и ссылки работают вполсилы. Если хотите узнать, сколько клиентов ваш сайт теряет до первого экрана, напишите нам — проверим мобильную скорость на реальных устройствах и покажем, что исправить в первую очередь.