Возможно, вам знакома поговорка о том, что «картинка стоит тысячи слов». Что ж, получается, что одна секунда стоит около 3.4% конверсий для вашего сайта. Это огромная потеря бизнеса из-за медленной загрузки страниц.
Так как же определить, достаточно ли быстро загружается ваш сайт? Тесты скорости веб-сайта — отличный способ выяснить это, но есть много разных тестов, которые вы можете использовать.
В этой статье вы найдете информацию о правильном выполнении тестов скорости, интерпретации результатов и использовании этой информации для повышения скорости вашего сайта.
. WordPress? Попробуйте WP Rocket
Заметили, как быстро загружается эта страница? Помимо размещения на отличном веб-хостинге, наш сайт оптимизирован с помощью WP Rocket — универсального WordPress производительности плагин, который мы настоятельно рекомендуем. Попробуйте прямо сейчас на своем сайте (14 дней без риска, 100% гарантия возврата денег) > кликните сюда
Как правильно проверить скорость сайта
Вы можете использовать множество инструментов для запуска теста скорости сайта. Некоторые дадут вам много информации, а некоторые могут дать недостаточно. Лучший способ получить наиболее точные результаты — использовать несколько инструментов или запустить несколько тестов с помощью одних и тех же средств.
Важно помнить, что результаты часто зависят от местоположения вашего веб-сервера по отношению к исходной точке теста. Чем дальше друг от друга эти два параметра, тем больше времени требуется для передачи данных, что может повлиять на результаты теста скорости.
В связи с этим вы всегда должны выбрать веб-сервер рядом с местом, где вы ожидаете больше всего посетителей. Например, веб-сайт, обслуживающий в основном трафик из США, должен находиться где-то в США.
Если вы обслуживаете глобальную аудиторию, то запуск теста скорости веб-сайта в нескольких тестовых местах может дать вам лучшее представление о том, как расстояние влияет на посетителей из разных мест.
Идеальная методология тестирования скорости сервера
Может ли ваш сайт выдержать большую нагрузку трафика?
Один из способов узнать это: Проведите стресс-тестирование вашего сайта с тысячами одновременных подключений с помощью Loadview. Не требуется кодирование, 30 дней бесплатной пробной версии, тестирование на 40+ реальных браузерах и устройствах, а также бесплатный тестовый взнос в размере $20 прямо сейчас > кликните сюда
Ваша методика тестирования должна включать несколько прогонов и выглядеть примерно так:
- Запустите тест с места 1 и повторите 3 раза, записывая результаты всех тестов.
- Повторите процесс с другого тестового места, аналогичным образом записывая данные. Я рекомендую вам протестировать как минимум три стратегические области; США, Европе и Азии.
Рекомендуемые инструменты для тестирования скорости сайта
Инструменты, которые дают больше всего информации о производительности вашего сайта, используют реальных посетителей для проверки скорости вашего сайта. Например, полностраничный тест Pingdom использует настоящие браузеры (IE9, Chrome и Firefox) в реальных местах (США, Австралия, Европа), чтобы загрузить ваш сайт и предоставить отчеты об эффективности.
Поскольку он проверяет ваш сайт как единое целое, включая все объекты на странице, он может предложить рекомендации по повышению производительности и узнать, что может замедлять работу вашего сайта.
Тем не менее, есть много других полезных инструментов для проверки скорости веб-сайта, которые вы можете рассмотреть, в том числе:
Полный список этих инструментов см. Список бесплатных инструментов для проверки скорости сайта.
Понимание терминологии теста скорости
Тест скорости веб-сайта полезен во многих отношениях, но только до тех пор, пока вы понимаете, как использовать результаты. Только зная, что означают данные, вы сможете внести надлежащие исправления для повышения производительности вашего веб-сайта.
Прежде чем мы углубимся в интерпретацию результатов теста скорости, полезно ознакомиться с некоторыми терминами. Эти термины в основномssoсвязанных с сетью.
Задержка
Время, затрачиваемое на все, что происходит между моментом, когда вы щелкаете ссылку или вводите адрес в браузере, и моментом, когда вы видите результаты на своем экране. Стандартное измерение задержки в миллисекундах (мс).
Пинг
Часто путают с задержкой, Ping — это точный термин, используемый для описания времени, которое требуется одному пакету данных, чтобы покинуть ваш компьютер и достичь места назначения. Как и в случае с задержкой, вы измеряете пинг в миллисекундах.
Первый байт или время до первого байта (TTFB)
TTFB — это измерение, используемое для обозначения скорости отклика веб-сервера. Вы измеряете TTFB как продолжительность от пользователя или клиента, делающего HTTP-запрос, до получения первого байта браузером клиента.
Размер страницы
Размер веб-страницы — это размер всего ее содержимого. Чтобы веб-браузер полностью загрузил веб-страницу, он должен загрузить все содержимое, включая HTML код, изображения, таблицы стилей и т. д. Чем больше сумма этого содержимого, тем больше времени потребуется для загрузки.
Первый Интерактивный
Большинство веб-браузеров позволяют пользователям выполнять действия на веб-сайте до полной загрузки. Первый интерактив — это количество времени, проведенное на вашем сайте до того, как это произойдет.
В зависимости от выбранного вами инструмента для проверки скорости веб-сайта, вы, вероятно, столкнетесь с большим количеством терминов. Это включает:
- Крупнейшая содержательная краска (LCP)
- Первая содержательная краска (FCP)
- Сдвиг накопительного макета (CLS)
- Общее время блокировки (TBT)
И более. Постарайтесь узнать как можно больше о том, что означают эти термины, если вы собираетесь использовать тест, предоставляющий приведенные выше данные.
Интерпретация результатов теста скорости
Как видно из приведенной выше терминологии, может быть сложно применить один метод интерпретации ко всем инструментам тестирования скорости веб-сайта.
По этой причине я буду использовать в качестве примера один инструмент — Google Insights PageSpeed.
Google PageSpeed Insights превосходен, поскольку Google предоставляет его и, скорее всего, продемонстрирует предпочтения поискового гиганта. Он также чрезвычайно удобен для пользователя, предоставляя визуальные результаты и советы по решению обнаруженных проблем.
Google отдельно тестирует производительность для мобильных и настольных компьютеров и фокусируется на четырех ключевых элементах: первая отрисовка контента (FCP), первая задержка ввода (FID), самая большая отрисовка контента (LCP) и совокупное смещение макета (CLS).
Каждая проверенная область вернет результат в секундах и полосу индикации качества. Зеленый означает хороший, оранжевый означает, что требуется улучшение, а красный требует более пристального внимания.
Прокрутив страницу вниз, вы увидите разбивку отдельных областей тестирования и факторов, влияющих на каждую из них. Вы можете использовать это, чтобы сделать хирургические улучшения вашего сайта.
Устранение неполадок с результатами теста низкой скорости веб-сайта
Большинство медленных веб-сайтов являются результатом сходных наборов недостатков. Например, высокие тайминги CLS возникают из-за неправильной оптимизации изображений. Тем не менее, учитывая количество областей, требующих внимания, невозможно охватить их всесторонне.
Некоторые распространенные проблемы и решения включают в себя:
Уменьшите неиспользуемый JavaScript
Динамические веб-сайты (например, те, которые работают на WordPress ) часто сталкиваются с этой проблемой. Вы можете решить эту проблему, используя хороший плагин кэширования, чтобы уменьшить избыточность JavaScript.
Уменьшите влияние стороннего кода
Многие веб-сайты сегодня являются модульными и используют компоненты от разных разработчиков (например, Google, Facebook, Fonts и т. д.). Эта комбинация часто приводит к отсутствию сплоченности, что влияет на производительность. Оптимизируйте свой веб-сайт и используйте как можно меньше различных источников кода.
Сокращение времени отклика начального сервера
По сути, Google говорит вам, что ваш веб-сервер отстой. Некачественный веб-хостинг часто приводит к плохой скорости, и вы мало что можете сделать, кроме перейти к другому хостинг-провайдеру.
Элементы изображения не имеют явной ширины и высоты
Многие владельцы веб-сайтов совершают ошибку, просто загружая изображения без дальнейшие оптимизации. При загрузке изображений укажите параметры, чтобы избежать путаницы в веб-браузерах и задержки загрузки.
Подавайте изображения в форматах нового поколения
Для изображений важны не только размеры, но и формат изображения. Форматы следующего поколения, такие как WebP, повышают степень сжатия, что ускоряет загрузку изображений через Интернет.
Обслуживайте статические ресурсы с помощью эффективной политики кеширования
Некоторый контент загружается и сохраняется в их браузере, когда посетители загружают ваш сайт. Этот процесс помогает повысить эффективность повторных посещений. Настройка политик кэширования позволяет браузерам узнать, как долго они должны хранить эти изображения, прежде чем повторять запрос.
Избегайте чрезмерного размера DOM
DOM относится к размеру вашей веб-страницы. Получение чрезмерного предупреждения DOM означает, что вам нужно подумать об оптимизации страницы. Вы можете сделать это разными способами, например, краснымuciнг количество изображений на странице или использование меньшего количества разделов.
Избегайте больших сдвигов макета
Динамические веб-сайты генерируют разделы страниц на лету. Когда на странице много таких элементов с изменяемым размером, макет будет часто меняться, что приводит к плохому взаимодействию с пользователем. По возможности правильно определяйте элементы страницы.
Возможности безграничны. Прежде чем пытаться исправить эти проблемы одну за другой, я рекомендую вам тщательно оптимизировать свой веб-сайт. Существует множество общепризнанных улучшений производительности, которые необходимо реализовать владельцам веб-сайтов.
Чтобы узнать больше, прочитайте руководство WHSR по улучшение производительности вашего сайта.
Заключительные мысли о тестах скорости веб-сайта
Тесты скорости веб-сайта — отличный способ получить представление о производительности вашего веб-сайта. Эти инструменты просты в использовании и обычно предоставляют относительно точные данные. Конечно, также помогает то, что многие отличные инструменты для тестирования скорости веб-сайтов бесплатны.
Однако важно помнить, что operaКлючевое слово в приведенных выше утверждениях — «моментальный снимок». Тесты скорости веб-сайта являются статическими, и незначительные изменения на вашем веб-сайте могут значительно изменить результаты. По этой причине лучше планировать периодическую оценку производительности вашего веб-сайта и как можно скорее исправлять вновь обнаруженные проблемы.
