6 инструментов тестирования скорости сайта и советы по оптимизации

Как правильно сделать тестирование скорости сайта, какие инструменты для этого существуют, какие есть бесплатные сервисы для проверки скорости сайта. Сегодня мы подробно покажем и расскажем всё, про тестирование загрузки и скорости сайта, как определять узкие места, как находить проблемные детали работы сайта. Мы подобрали 6 инструментов для проверки состояния сайта и сегодня о них расскажем

Исходим из того, что вы внедрили систему инструментов, предназначенных для оптимизации скорости сайта. Подключили CDN (сеть доставки контента), установили плагин кэширования или настроили кеширование сервера, настроили оптимизацию изображений на сайте.  Значит теперь необходимо проверить насколько быстро ваш сайт работает и убедиться, что с ним нет проблем. Какие инструменты проверки вы будете использовать?

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

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

Медленные сайты не любят посетители

Есть две основные причины, почему вы должны тратить больше времени на мониторинг и поддержание скорости вашего сайта:

1. Посетителям не нравятся медленные сайты.
2. Поскольку посетители не любят медленные сайты, Google тоже не любит.

Что говорят эксперты о скорости сайта WordPress

Google использовал скорость в качестве фактора рейтинга в течение многих лет. Благодаря мобильному веб-сайту, который в настоящее время используется для ранжирования, Google уделяет особое внимание тому, что происходит с мобильным Интернетом. Этот отчет Think with Google Industry Benchmark также дает четкое обоснование этому:

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

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

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

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

Роничек, эксперт по работе сайтов продолжил:

«Помните также, что существует разница между воспринимаемой производительностью и реальной производительностью».

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

Показатели и методика загрузки сайтов

Есть следующие факторы загрузки сайта:

• First Contentful Paint
• DOMContentLoaded
• OnLoad
• Fully Loaded Time

Эти показатели отслеживают, сколько времени требуется веб-сайту для загрузки на разных этапах. В идеале все это было бы очень быстро, но это не всегда реальность — и именно здесь некоторые разработчики могут столкнуться с проблемами. Если вы не понимаете разницу между First Contentful Paint и onLoad, ваш тест скорости WordPress может непреднамеренно саботировать ваши усилия по оптимизации.

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

First Contentful Paint — это когда посетители видят контент первой целевой страницы:

DOMContentLoaded — это когда первый документ HTML завершил загрузку на экране посетителя:

Time to First Interactive — это когда ключевая структура сайта начала стабилизироваться, и посетители могут начать с ней взаимодействовать.

Время для постоянной интерактивности (Time to First Interactive) — это когда страница стала полностью стабильной

OnLoad — это когда вся страница загружена и все внешние скрипты выполнены.

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

Итак, что вы делаете с этой информацией?

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

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

Лучшие инструменты для теста скорости сайтов

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

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

Данные, представленные во время одного из этих тестов, могут казаться достаточно простыми для усвоения, но вам нужно копать глубже. Сколько времени на самом деле занимает Time to Consistently Interactive и onLoad? Соответствует ли это от страны к стране? А как насчет в разное время дня?

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

Вот некоторые инструменты, которые вы можете использовать для проведения проверки скорости и производительности WordPress:

1. Тест скорости сайта Dotcom-Tools

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

Для начала введите свой URL в поле и подтвердите капчу. Прежде чем начать тест скорости сайта, прокрутите вниз и рассмотрите следующее:

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

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

После завершения теста ваши результаты будут выглядеть так:

Первая вкладка результатов будет отображаться:

• Среднее время загрузки для первого посещения во всех местах.
• Время загрузки для первого посещения в каждом месте.
• Среднее время загрузки для второго кэшированного посещения во всех местоположениях.
• Время загрузки для второго посещения в каждом месте.
• Список ответов об ошибках с сервера.

Если вы нажмете на кнопку «Waterfall» для любого из них, вы можете углубиться в отчет о производительности:

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

Еще одна приятная особенность этого инструмента тестирования скорости веб-сайта в том, что он включает в себя Page Speed ​​Insights от Google :

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

2. GTmetrix

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

С точки зрения бесплатных функций, это то, что вы получаете:

GTmetrix автоматически устанавливает регион тестирования и браузер для вас. Затем он предоставляет оценку эффективности, а также фактическое время загрузки для посетителей, находящихся в этом географическом местоположении.

Как видите, существует огромная разница между данными, предоставленными Dotcom-Tools и GTmetrix. Есть, конечно, различия в расположении. Но есть и вопрос источника. GTmetrix собирает свои данные из двух мест:

Google PageSpeed ​​Insights:

YSlow :

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

3. Pingdom tools инструмент для тестирования

Pingdom , пожалуй, самый известный из инструментов тестирования скорости сайта. Бесплатная версия работает так:

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

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

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

Далее вы получите несколько советов по оптимизации производительности сайта:

Следующий раздел разбивает размер контента и количество запросов на странице. Эти данные начнут вести вас в направлении диагностики конкретных проблемных областей сайта:

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

4. WebPageTest

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

Простой тест дает вам возможность выбрать между настольным компьютером или одним из нескольких вариантов браузера мобильного устройства:

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

Вот как будет выглядеть расширенный тест при первом его открытии:

Пока вы не откроете дополнительные настройки, вы увидите, насколько продвинутыми они могут стать. Варианты расположения и устройства достаточно надежны:

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

Покопайтесь немного глубже, и вы увидите несколько вариантов включения тестов скорости и отчетов Google:

Здесь у вас будет доступ к инструментам Google Chrome Dev , Chrome Trace и аудиту Google Lighthouse .

Lighthouse — это инструмент разработчика, который вы можете запустить из командной строки или использовать внутри Chrome DevTools. Он проводит аудит страницы и сообщает вам, есть ли какие-либо ошибки производительности. Однако, аудит Lightspeed обычно дает вам гораздо более медленное время загрузки, поскольку различные местоположения, устройства и условия сервера сопоставляются друг с другом. Это не обязательно плохо, просто имейте в виду, что данные могут быть немного преувеличены.

Еще одна конфигурация теста, о которой следует знать, — это инструмент сравнения:

Это позволяет сравнивать производительность вашего сайта WordPress с показателями других пользователей.

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

Разбивка времени загрузки довольно сложна, поэтому важно знать разницу между First Contentful Paint и полностью загруженным веб-сайтом.

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

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

5. Время загрузки Sucuri Load Time Test

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

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

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

6. Влияние нагрузки

Load Impact — это немного другой инструмент. Хотя он проверяет скорость сайта WordPress, он делает это в более стрессовой ситуации:

Как видите, запустить тест достаточно просто. Просто введите свой URL и дайте инструменту заработать:

Через несколько минут вы получите диаграмму, которая показывает, что произошло в гипотетической «стрессовой» ситуации:

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

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

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

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

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