Измерение скорости загрузки страницы на стороне клиента

Точное измерение характеристик производительности веб-приложений — важный аспект ускорения веб-приложений. Под производительностью веб-приложений я подразумеваю работу комплекса служб и сервисов, которые отвечают за промежуток времени между «начала загрузки» и «завершение загрузки» веб-страницы, а именно: DNS, качество подключения на последней миле (как со стороны клиента, так и со стороны сервера), производительность серверов.

Визуально просмотреть процесс загрузки можно в браузере в панели разработчика:

Часто для оценки скорости загрузки страниц выбирают один из двух вариантов:

  • Скорость загрузки всего контента на клиенте
  • Скорость генерации страницы на сервере, если есть возможность настройки веб-сервера

Суть проблемы

На момент запуска веб-приложения у разработчика весьма ограничены возможности в тестировании скорости загрузки страницы на сайте. И тут могут возникнуть вопросы: например:

  • Как быстро загружается страницы в метро?
  • Почему низкая посещаемость аудитории из Красноярска, ведь мы заказали супермощный сервер в AWS в Калифорнии?

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

И всё это желательно наблюдать в реальном времени.

Читать далее Измерение скорости загрузки страницы на стороне клиента