Сайт медленно открывается на телефоне: что проверить до редизайна
Как разобраться в медленной работе сайта: отделить загрузку от реакции кнопок, сравнить реальные и лабораторные данные и выбрать первые исправления.
Сначала воспроизведите конкретное неудобство: поздно появляется товар, не отвечает кнопка или прыгает страница. Эти проблемы требуют разных исправлений и не обязательно решаются заменой дизайна.
Уточните, что именно человек называет медленным
Фраза сайт тормозит может описывать три разных ситуации. Покупатель долго смотрит на пустую область, нажимает кнопку без заметного ответа или промахивается из-за сдвинувшегося блока. Начните с адреса страницы, устройства, сети и последовательности действий.
Проверьте не только главную. Для магазина полезнее пройти посадочную страницу рекламы, карточку, корзину и выбор доставки. Тяжёлая обложка на главной не объясняет задержку при изменении количества в корзине.
Если проблема воспроизводится только при конкретном действии, снимите короткую запись с обезличенными данными. Разработчику нужен момент задержки и условия её появления, а не только итоговая оценка страницы в сервисе проверки.
Прочитайте показатели как описание опыта
Core Web Vitals разделяют загрузку основного видимого содержимого, отзывчивость на действия и визуальную стабильность. Им соответствуют LCP, INP и CLS. Это помогает сформулировать задачу точнее, чем требование получить зелёную цифру любой ценой.
В PageSpeed Insights есть лабораторная диагностика и данные реальных посещений. Первая полезна для воспроизводимого разбора, вторые показывают накопленный опыт пользователей. Реальные данные в отчёте охватывают предыдущие 28 дней, поэтому результат исправления не обязан появиться там сразу.
Если данных по конкретной странице мало, смотрите, какой уровень агрегации показывает инструмент. Отсутствие оценки не означает отсутствия проблемы. В такой ситуации особенно полезны воспроизведение сценария и техническая диагностика.
| Наблюдение | Что исследовать |
|---|---|
| Основной товар долго не виден | Ответ сервера, приоритет и размер важных ресурсов |
| Нажатие долго не даёт результата | Работу обработчиков и занятость браузера |
| Текст или кнопка сдвигаются | Позднюю вставку блоков и зарезервированное место |
| Задержка только в доставке | Конкретный внешний запрос и состояние ожидания |
Выберите ограниченный набор гипотез
Посмотрите, что загружается до появления нужного содержимого. Возможно, на первом экране используется слишком тяжёлое изображение, один виджет подключён дважды или необязательный сервис задерживает взаимодействие. Это гипотезы для проверки, а не универсальный диагноз.
Не отключайте все скрипты на рабочем магазине ради красивого теста. Вместе с ними можно убрать оплату, аналитику или правила акции. Сравнивайте варианты в контролируемом окружении и отмечайте, какую именно функцию затронуло изменение.
Результат формулируйте предметно: изображение товара появляется раньше при тех же условиях, а выбор размера и покупка сохраняют работоспособность. Полезное ускорение должно пережить возвращение необходимых функций.
Сравнивайте одинаковые условия
Сохраните исходное измерение, адрес страницы и сценарий. После изменения используйте сопоставимые параметры устройства и сети, выполните несколько прогонов и разберите разброс. Один удачный запуск может отражать прогретый кэш или временно быстрый ответ внешнего сервиса.
Отдельно проверьте реальный телефон. Условия разработчика с мощным компьютером и быстрой сетью могут отличаться от условий покупателя. После выкладки наблюдайте не только метрики загрузки, но и успешное выполнение нужного действия.
Что передать исполнителю вместо просьбы ускорить всё
Соберите несколько проблемных адресов, описание задержки, условия воспроизведения и список критичных функций. Попросите объяснить причину, предложить ограниченное исправление и показать сравнение до и после.
Редизайн имеет смысл обсуждать, если сам способ организации страницы мешает пользователю. Если причина в ресурсе, запросе или обработчике, сначала оцените адресное исправление. Это даст понимание, за что именно вы платите и как проверить результат.