Как выяснить, почему у клиентов из Мексики загрузка сайта занимает более 5 секунд?

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

Сделайте заявленные клиентом «5 секунд» воспроизводимой проблемой

Чтобы определить причины загрузки сайта более 5 секунд у клиента из Мексики, нужно учитывать конкретную страницу и условия доступа. Под завершением загрузки клиент может подразумевать появление первого экрана или загрузку всех изображений и окна чата на странице. Эти ситуации требуют разных подходов к проверке. Попросите клиента предоставить URL, время возникновения проблемы, город, модель устройства, браузер, тип сети и уточнить, зависает ли страница на белом экране или содержимое первого экрана долго не отображается полностью. Если есть возможность, запись экрана будет полезнее, чем сообщение «сайт очень медленный».

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

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

Разберите путь запроса: медленно устанавливается соединение или отображается страница?

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

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

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

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

При медленной загрузке в Мексике сначала проверьте следующее

Трансграничное сетевое соединение — одно из распространённых направлений проверки, но не стоит всё упрощать до «большого расстояния». На результаты влияют местоположение исходного сервера сайта, маршруты операторов связи, распределение запросов по узлам и сеть, которой пользуется клиент. Если на нескольких точках тестирования в Мексике долго устанавливается соединение или загружаются данные, а в других регионах проблем почти нет, проверьте, охватывает ли сеть доставки контента (CDN) целевой регион, правильно ли подключён домен и каков статус кэширования в заголовках ответа. У разных провайдеров могут быть разные обозначения статуса кэша; сверяйтесь с их документацией.

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

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

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

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

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

Отложенное выполнение не обходится без последствий: слишком поздняя загрузка может привести к потере данных о конверсиях или нарушить работу формы либо чата. Рекомендуется менять настройки по одной в тестовой среде, а после публикации проверять, сохраняются ли рекламные параметры, отправляются ли формы, доставляются ли уведомления о заявках и срабатывают ли события конверсии как ожидается. В проектах, использующих комплексные платформы для создания сайтов и маркетинга, такие как 易营宝, также следует выяснить, кто управляет соответствующими настройками — платформа или клиент, — чтобы обе стороны не вносили дублирующие изменения и случайно не удалили код отслеживания.

После исправлений повторите тест в тех же условиях и сохраните результаты

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

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