Скорость загрузки сайта на мобильных устройствах: как ускорить

Почему на телефоне результат хуже

Телефон — не уменьшенный компьютер. У бюджетной модели процессор заметно слабее, памяти меньше, а мобильная сеть даёт нестабильную скорость и большую задержку: в метро, на окраине города или в области это чувствуется сразу. Тест PageSpeed Insights для мобильных намеренно имитирует средний смартфон и медленное соединение, поэтому низкая оценка — не ошибка инструмента, а предупреждение о реальных условиях.

Откройте аналитику и посмотрите долю мобильных посетителей. Если клиенты приходят из Instagram, Telegram и рекламы Meta Ads, эта доля, скорее всего, большая. Тогда ориентироваться нужно на телефон в руках покупателя, а не на офисный компьютер с Wi-Fi. К тому же Google индексирует сайты преимущественно по мобильной версии, так что от неё зависят и позиции в поиске.

Лишний JavaScript — главный тормоз

Картинка просто скачивается по сети, а скрипт ещё должен выполниться процессором. На слабом телефоне страница уже нарисована, но не реагирует на нажатия: меню не раскрывается, кнопка «Позвонить» молчит. Это и измеряет показатель INP. Чаще всего страницу утяжеляют:

• слайдеры и анимации на главной;
• виджеты чата, обратного звонка и всплывающих окон;
• несколько счётчиков и рекламных пикселей, поставленных «на всякий случай»;
• тяжёлые темы и конструкторы страниц;
• библиотеки, подключённые целиком ради одной функции.

Как разобраться со скриптами

Составьте список всего, что грузится на странице, и по каждому пункту задайте вопрос: что изменится, если это убрать? Нужен ли онлайн-чат на каждой странице, если заявки приходят в Telegram? Используется ли второй пиксель в отчётах? Лишнее удалите, а то, что нужно, но не критично, загружайте с задержкой — после прокрутки или первого касания.

Картинки и первый экран

Смартфону не нужна фотография шириной в несколько тысяч пикселей, а многие сайты всё равно отдают её. Подготовьте несколько размеров для разных экранов, переведите изображения в WebP или AVIF и включите отложенную загрузку для всего, что ниже первого экрана. Главное изображение первого экрана, наоборот, откладывать нельзя: от него зависит показатель LCP, то есть момент, когда пользователь видит основное содержимое.

Посмотрите на свой сайт с телефона до прокрутки. Часто там тяжёлый баннер-слайдер, который грузится дольше всего и ничего не объясняет. Короткий заголовок с предложением, кнопка связи и лёгкая картинка работают и быстрее, и понятнее.

Шрифты и прыгающие блоки

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

Отдельная боль мобильных — сдвиги макета. Вы начали читать, а текст уехал вниз из-за баннера, который подгрузился позже. Заранее задавайте размеры картинкам и рекламным блокам, а плашку с cookie и промо-баннеры не вставляйте поверх уже загруженного контента.

Как проверять без самообмана

Сочетайте лабораторные и реальные данные:

• отчёт Core Web Vitals в Search Console отдельно для мобильных;
• PageSpeed Insights на вкладке мобильной версии;
• недорогой Android-телефон на мобильном интернете, а не флагман в офисной сети;
• режим эмуляции устройства и замедления сети в браузере.

С чего начать и когда нужна помощь

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

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

Если нужен разбор вашего сайта и понятный список правок по приоритету, команда markdev занимается SEO-оптимизацией сайтов в Узбекистане. Опишите задачу, и мы посмотрим, что именно тормозит ваши страницы на телефоне.