EKORKUNOV — Евгений Коркунов

Веб-разработка

Почему сайт медленно загружается на телефоне и что с этим делать

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

Автор
Евгений Коркунов
Опубликовано
Чтение
11 мин
1 просмотр
Иллюстрация медленной загрузки сайта на телефоне: смартфон с индикатором ожидания и песочные часы
Ожидание загрузки сайта на смартфоне — иллюстрация, не отчёт измерения скорости.

На компьютере сайт открывается без заметной паузы. На телефоне посетитель уже видит текст, но ждёт фотографию товара — или нажимает кнопку и не понимает, сработала ли она. Иногда жалоб нет, зато PageSpeed показывает низкую оценку. Во всех этих случаях хочется сразу что-нибудь «ускорить».

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

Сначала уточните, что именно работает медленно

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

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

Долго ничего не появляется

Возможная причина
Соединение, ожидание ответа сервера или ресурсы, без которых страница не может отобразиться.
Что проверить
Так ли открываются другие страницы этого сайта; повторяется ли задержка в другой доступной сети.

Текст есть, главное изображение появляется поздно

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

Страница видна, кнопки отвечают с задержкой

Возможная причина
Браузер занят скриптами, виджетами или построением интерфейса.
Что проверить
Какое действие задерживается: открытие меню, выбор варианта, нажатие кнопки; сразу после загрузки или позже.

Блоки сдвигаются во время загрузки

Возможная причина
Для изображения, шрифта или подгружаемого блока не подготовлено стабильное место.
Что проверить
Какой элемент сдвигается и что появляется рядом в этот момент. Поможет короткая запись экрана.

Пауза только при поиске, фильтрации или отправке формы

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

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

Почему у владельца быстро, а у посетителя медленно

Владелец часто заходит на сайт с привычного устройства и через домашний или офисный Wi-Fi. Часть изображений, шрифтов и других файлов уже может храниться в браузере. При повторном посещении их не всегда приходится загружать заново. Человек, пришедший впервые, начинает в других условиях.

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

Обратное тоже верно: одна жалоба из места с плохой связью ещё не доказывает неисправность сайта. Стоит сопоставить страницу, устройство, соединение и момент задержки, а не выбирать виновника по одному открытию.

Что можно проверить самостоятельно без изменения настроек

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

  1. Запишите точный адрес и действие. Например: «На странице товара долго нет основной фотографии» или «После нажатия на меню ничего не происходит». Если есть ошибка, сохраните её текст или снимок без личных данных.
  2. Сравните главную с важной внутренней страницей. Это может быть карточка товара, категория или услуга. Быстрая главная не означает, что все остальные разделы работают так же.
  3. Отметьте первое и повторное открытие. Сначала запишите обычное поведение, затем откройте страницу ещё раз. Для отдельной проверки публичной страницы можно начать новую приватную сессию браузера без входа в аккаунт. Это приближение к новому посещению, а не точное воспроизведение условий любого клиента.
  4. Сравните доступные устройства или соединения. Если возможно, посмотрите ту же страницу на другом телефоне и через Wi-Fi или мобильную сеть. Запишите различия; специально покупать оборудование не нужно.
  5. Вспомните, когда началось. Добавлялись ли видео, виджет, новый баннер, обновление темы или интеграция? Совпадение по времени — подсказка для проверки, но ещё не доказанная причина.
  6. Сохраните результат PageSpeed и дату. Проверьте публичный адрес, выберите мобильный режим и сохраните ссылку на отчёт. Важны также проверенная страница и условия запуска, а не только цвет круга с оценкой.

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

Как читать PageSpeed без погони за баллами

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

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

Данные реальных посетителей описывают накопленный опыт пользователей. В PageSpeed это скользящий период в 28 дней. Посмотрите, к чему относится отчёт: к конкретному адресу или ко всему источнику — обычно сочетанию протокола и домена. Сводные данные разных страниц не позволяют приписать один результат каждой карточке товара. Если данных недостаточно, сервис может показать более общую выборку или не показать пользовательские показатели вовсе. Их отсутствие не означает ни хорошую, ни плохую скорость.

Общий балл — сводная оценка лабораторного теста, а не полный портрет удобства сайта. Я смотрю также на отдельные стороны работы страницы:

  • LCP — появление основного содержания: когда становится виден крупнейший блок текста или изображение в области просмотра.
  • INP — отклик на действия: насколько быстро страница визуально отвечает на нажатия и другие взаимодействия. Его нельзя подменить одним обычным запуском загрузки.
  • CLS — визуальная стабильность: насколько неожиданно сдвигаются элементы, пока человек пользуется страницей.

Отдельные запуски могут различаться из-за условий измерения. Сравнивать один плохой результат «до» с одним удачным «после» недостаточно. Накопленные пользовательские данные тоже не обновляются мгновенно вслед за исправлением: новый опыт постепенно попадает в выборку. Красивый лабораторный балл не обязан сразу появиться в пользовательском отчёте или Search Console.

Какие причины проверяет разработчик

Когда есть адреса, наблюдения и отчёт, можно искать причину, а не пробовать настройки подряд. Я разделяю проверку на несколько направлений.

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

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

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

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

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

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

Чего не стоит делать наугад

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

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

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

Как выглядит работа по ускорению

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

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

На странице услуги оптимизации скорости сайта я описал состав внедрения и проверки. Это работа с согласованными изменениями, а не только список рекомендаций. Стоимость начинается от 8 000 ₽/проект; итог зависит от платформы, типов страниц, причин задержек и объёма работ. Постоянное наблюдение и дальнейшая поддержка согласуются отдельно.

Скорость — часть качества сайта. Она не гарантирует продажи или определённое место в поиске: значение имеют и содержание, и предложение, и то, насколько удобно человеку решить свою задачу.

Когда стоит обратиться за помощью

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

Помощь специалиста

Разберём, где возникает задержка

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

Комментарии

0

Пока нет опубликованных комментариев. Вы можете отправить первый — он появится после модерации.

Оставить комментарий

Комментарии проходят модерацию. Не публикуйте персональные данные, рекламу и неподтверждённые обвинения.

Все статьи
Веб-разработка10 мин чтения
Иллюстрация недоставленного уведомления: форма на мониторе, конверт с предупреждением и пустой почтовый лоток

Почему с сайта не приходят заявки на почту: что проверить

Форма показывает «Спасибо», а письма нет. Разбираю, где может остановиться заявка, что проверить в почте и на сайте и как подтвердить, что уведомления снова работают.

Читать статью
Веб-разработка11 мин чтения
Иллюстрация сбоя после обновления WordPress: монитор с предупреждением, стрелки обновления и отдельный резервный диск

После обновления WordPress перестал работать сайт: что делать

С чего начать, если обновление WordPress, темы или плагина закончилось поломкой: как оценить проблему, сохранить свежие данные и выбрать между исправлением и восстановлением из копии.

Читать статью