Как работают тесты скорости сайта

Обновлено: 2022 / Автор статьи: Тимоти Шим

Возможно, вам знакома поговорка о том, что «картинка стоит тысячи слов». Что ж, получается, что одна секунда стоит около 3.4% конверсий для вашего сайта. Это огромная потеря бизнеса из-за медленной загрузки страниц. 

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

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

Как правильно проверить скорость сайта

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

Объяснение задержки
Время прохождения данных ограничено физическим расстоянием. Фактическое время отклика сервера зависит от расположения сервера.

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

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

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

Идеальная методология тестирования скорости сервера

Ваша методика тестирования должна включать несколько прогонов и выглядеть примерно так:

  1. Запустите тест с места 1 и повторите 3 раза, записывая результаты всех тестов.
  2. Повторите процесс с другого тестового места, аналогичным образом записывая данные. Я рекомендую вам протестировать как минимум три стратегические области; США, Европе и Азии.

Рекомендуемые инструменты для тестирования скорости веб-сайта

Пример тестов скорости сайта
Пример. Тесты скорости веб-сайта, которые мы провели для наших тестовых сайтов, размещенных по адресу Interserver (Подробнее здесь) из разных мест с помощью WebPageTest.org

Инструменты, которые дают больше всего информации о производительности вашего сайта, используют реальных посетителей для проверки скорости вашего сайта. Например, полностраничный тест Pingdom использует настоящие браузеры (IE9, Chrome и Firefox) в реальных местах (США, Австралия, Европа) для загрузки вашего сайта и предоставления отчетов о производительности.

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

Тем не менее, есть много других полезных инструментов для проверки скорости веб-сайта, которые вы можете рассмотреть, в том числе:

Полный список этих инструментов см. Список из 20 бесплатных инструментов для тестирования скорости веб-сайта.

Понимание терминологии теста скорости

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

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

Задержка

Время, затрачиваемое на все, что происходит между моментом, когда вы щелкаете ссылку или вводите адрес в браузере, и моментом, когда вы видите результаты на своем экране. Стандартное измерение задержки в миллисекундах (мс).

Пинг

Часто путают с задержкой, Ping — это точный термин, используемый для описания времени, которое требуется одному пакету данных, чтобы покинуть ваш компьютер и достичь места назначения. Как и в случае с задержкой, вы измеряете пинг в миллисекундах.

Первый байт или время до первого байта (TTFB)

TTFB — это измерение, используемое для обозначения скорости отклика веб-сервера. Вы измеряете TTFB как продолжительность от пользователя или клиента, делающего HTTP-запрос, до получения первого байта браузером клиента. 

Размер страницы

Размер веб-страницы — это размер всего ее содержимого. Чтобы веб-браузер полностью загрузил веб-страницу, он должен загрузить все содержимое, включая HTML код, изображения, таблицы стилей и т. д. Чем больше сумма этого содержимого, тем больше времени потребуется для загрузки.

Первый Интерактивный

Большинство веб-браузеров позволяют пользователям выполнять действия на веб-сайте до полной загрузки. Первый интерактив — это количество времени, проведенное на вашем сайте до того, как это произойдет.

В зависимости от выбранного вами инструмента для проверки скорости веб-сайта, вы, вероятно, столкнетесь с большим количеством терминов. Это включает:

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

Интерпретация результатов теста скорости

PageSpeed ​​Insights от Google обеспечивает быструю оценку вашего производительность веб-сайта.

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

По этой причине я буду использовать в качестве примера один инструмент — Google Insights PageSpeed.

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

Google отдельно тестирует производительность для мобильных и настольных компьютеров и фокусируется на четырех ключевых элементах: первая отрисовка контента (FCP), первая задержка ввода (FID), самая большая отрисовка контента (LCP) и совокупное смещение макета (CLS).

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

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

Читайте также

Устранение неполадок с результатами теста низкой скорости веб-сайта

Данные результатов теста скорости — диаграмма водопада
Диаграммы водопада, обычно предоставляемые большинством отличных инструментов для тестирования скорости, показывают подробную прогрессию загрузки элементов веб-страницы, позволяя вам увидеть, что занимает больше времени. 

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

Некоторые распространенные проблемы и решения включают в себя:

Уменьшите неиспользуемый JavaScript

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

Уменьшите влияние стороннего кода

Многие веб-сайты сегодня являются модульными и используют компоненты от разных разработчиков (например, Google, Facebook, Fonts и т. д.). Эта комбинация часто приводит к отсутствию сплоченности, что влияет на производительность. Оптимизируйте свой веб-сайт и используйте как можно меньше различных источников кода.

Сокращение времени отклика начального сервера

По сути, Google говорит вам, что ваш веб-сервер отстой. Некачественный веб-хостинг часто приводит к плохой скорости, и вы мало что можете сделать, кроме как перейти на другой поставщик хостинга.

Элементы изображения не имеют явной ширины и высоты

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

Подавайте изображения в форматах нового поколения

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

Обслуживайте статические ресурсы с помощью эффективной политики кеширования

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

Избегайте чрезмерного размера DOM

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

Избегайте больших сдвигов макета

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

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

Чтобы узнать больше, прочтите WHSRруководство по улучшение производительности вашего сайта.

Заключительные мысли о тестах скорости веб-сайта

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

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

Узнать больше

О Тимоти Шим

Тимоти Шим - писатель, редактор и технический специалист. Начиная свою карьеру в области информационных технологий, он быстро нашел свой путь в печать и с тех пор работал с международными, региональными и отечественными изданиями в средствах массовой информации, включая ComputerWorld, PC.com, Business Today и The Asian Banker. Его опыт заключается в области технологий как с точки зрения потребителя, так и с точки зрения предприятия.

Подключение: