Методика замера скорости загрузки сайта

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

И в этом действительно нет ничего сложного.

скорость (время) загрузки сайта

ОБОЗНАЧИМ ПРАВИЛА:

• Замеряем время загрузки на важных страницах сайта: главная, категория товаров (в которой товаров хотя бы на 2 страницы), карточка товара. 
• Чем меньше время загрузки, тем лучше.
• Время загрузки страниц смотрим с помощью "Инструменты разработчика" (консоль разработчика) в браузере Хром. 

Обработка результатов замера:

Для чистоты эксперимента делаем замер времени загрузки следующим образом:

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

КАК ВЫЗВАТЬ КОНСОЛЬ "ИНСТРУМЕНТЫ РАЗРАБОТЧИКА":

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

• Windows: F12 или Ctrl+Shift+J
• MacOS: ALT+CMD+I

Далее нам нужна вкладка Network:

а в ней вкладка Doc

Затем смотрим вниз экрана, там нам интересны 2 параметра:

• DomContentLoaded - время загрузки HTML-кода
• Load - время загрузки HTML-кода и внешних ресурсов (картинки, скрипты, стили). Только после наступления этого события пользователь может полноценно взаимодействовать с сайтом.

Оценка нагрузоустойчивости

Там же в консоли разработчика, посмотрим важный параметр TTFB - он показывает сколько времени CMS требуется, чтобы начать отдавать вам HTML-код страницы.

Чем выше TTFB - тем меньшую нагрузку способен выдержать сайт - т.е. тем быстрее он "ляжет" под большим кол-вом товаров или большим кол-вом запросов от посетителей сайта или поисковыми системами (просто переобходящими страницы сайта на огромной скорости - особенно этим грешат роботы Google).

Во вкладке "Doc" нужно в строке с адресом текущей страницы сайта навести курсор на содержимое колонки "Waterfall" (изображение кликабельно):

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