Как использовать GTMetrix для измерения скорости загрузки сайта?

Опубликовано: 01.09.2018

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

Ранее мы уже останавливались на этом сервисе в обзоре наряду с прочими похожими. Теперь остановимся более подробно.

Как разобраться со скоростью сайта?

О замере скорости

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

1. Количество тестов

Чтоб получить наиболее полный комплект данных, вам нужно будет провести большое количество замеров скорости: в один день, но в разные часы. Лучший вариант – это составить график тестирования на день, и повторять его каждый день в течение недели. Причина проста: скорость сайта может меняться в течение дня в зависимости от количества посетителей и нагрузки на сервер, особенно если он у вас не выделенный. У таких тестов есть положительный «побочный эффект» — вы сможете определить те часы, в которые выгоднее всего выкладывать контент или рекламу.

2. Место проведения теста

Когда вы используете бесплатные версии инструментов для тестирования скорости, тест обычно проводится на случайно выбранном сервере, из-за чего его результат может быть менее достоверным, так как Тест 1 может проводиться, например, из Нью-Йорка – 100 миль от вашего сервера – а Тест 2 будет проводиться из Сиднея — 10,000 миль от вашего сервера.

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

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

Если вы хотите более глобальный тест, выберете 4 или 5 серверов в ключевых точках по всему миру. Можно посоветовать, выбрать серверы, которые находятся в США, Европе, Австралии и Азии. Чтоб выбирать нужные серверы, вам нужно будет пройти бесплатную регистрацию в GTMetrix и авторизоваться там.

3. Цели тестирования

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

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

Как работает GTMetrix

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

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

Параметры PAGESPEED и YSLOW

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

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

WATERFALL

Waterfall – это один из самых полезных инструментов, который действительно поможет разогнать ваш сайт. Он похож на браузерные инструменты типа Firebug Net Panel. Вот краткое описание алгоритма работы Waterfall:

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

Небольшие разъяснения для каждого ассета:

DNS Lookup: запрос DNS Connecting: время, затрачиваемое на установку связи Blocking: время, которое требуются браузеру для установки связи Sending: время посылки запроса Waiting: время ожидания отклика от сайта (до пересылки первого байта) Receiving: время, затрачиваемое на загрузку контента

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

VIDEO (видео) и HISTORY (история)

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

Таб История – это одна из лучших опций, которая позволяет увидеть результаты всех проведенных тестов на одной странице и виде понятного графика.

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

Главный минус GTMetrix заключается в том, вы не можете указать, чтоб сервис выбирал случайную страницу из предложенного набора и тестировал ее на случайном сервере. В таком случае мы могли бы получить такой график, построенный на точке и страницы, который позволил бы нам копнуть особо глубоко. Как альтернатива, сервис мог бы выбрать некоторое количество страниц и серверов, миксовать их во всех возможных вариациях и тестировать каждый час. но вы можете проделать данную работу в ручную, а потом использовать GTMetrix функцию сравнения для анализа полученных результатов. Итак, начнем с создания необходимых тестов. Если я хочу протестировать 2 страницы из трех местоположений, я должен создать свой тест для каждого варианта – таким образом, у меня получится 6 тестов. Так что, стоит мониторить каждый час, по крайней мере, пару дней, в идеале – неделю.

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

GTMetrix, как инструмент мониторинга

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

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

О минусах GTMetrix

Одна из самых больших проблем GTMetrix заключается в том, что сервис не предлагает вариативное тестирование, которое очень бы экономило время.

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

В итоге

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