Скорость загрузки | Инструменты тестирования

Привет, я Поспелов Александр. SEO в компании АвтоДрайв. Тема инструментов для анализа скорости загрузки рассматривается постоянно. В поисках информации специалисты сталкиваются со справками и статьями, где перечисляются перечни из 10-20 ресурсов, которые зачастую просто идентичны по функционалу. Сегодня я расскажу о трёх инструментах, которые будут полезны вам при тестировании сайтов на скорость загрузки.

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

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

Тем ни менее, многие вебмастера видят просто перечень показателей и значения. Например, Speed Index со значением 5 секунд. Хорошо это или плохо?

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

Отвечая на этот вопрос, недостаточно использовать только Google PageSpeed Insights, потому что вы видите очень поверхностную картину. У вас есть пункты, вам нужно:

• оптимизировать изображения;
• оптимизировать js;
  
• настроить загрузку ресурсов так, чтобы они не блокировали друг друга.
  

И предположим, вы знаете как это сделать и в состоянии написать ТЗ, но вы не понимаете к каким значениям нужно прийти. Для лучшего понимания вам потребуется второй инструмент - это Lighthouse.

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

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

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

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

Тем ни менее, для более продвинутого анализа есть третий вариант - третий ресурс. Это webpagetest.

Немногие о нём слышали, но это наиболее точный источник по тестированию скорости загрузки. И он показывает наиболее объективную картину, потому что там, вы можете отслеживать весь waterfall, как делали бы это через консоль разработчика.

Только с несколькими преимуществами. У вас есть видео и слайдшоу при разных состояниях загрузки DOM-дерева страницы.

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

Итак, у вас есть 3 инструмента:

1. Google PageSpeed Insights с первичной оценкой и выявлением мер, по увеличению скорости загрузки.

2. Lighthouse с документацией по показателям и калькулятором скорости загрузки.

3. Webpagetest, который покажет вам весь таймлайн загрузки и весь вотерфол, где будет зафиксирована загрузка каждого ресурса вашего сайта.

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