• Задайте ваш вопрос
  • Задайте ваш вопрос
Отправить запрос
* Контактное лицо:
* E-mail:
* Веб-сайт или страница компании:
* Ваш вопрос:
Настоящим подтверждаю, что я ознакомлен и согласен с условиями политики конфиденциальности. Узнать больше
Топ предложение

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

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

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

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

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

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

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

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

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

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

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

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

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

Консоль разработчика в Хроме

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

Консоль разработчика

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

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

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

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

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

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

TTFB

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

 

Комментарии:

Пока нет комментариев

Написать комментарий




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