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

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

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

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

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

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

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

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

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

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

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

Проектирование собственной сети доставки контента

Сеть доставки содержимого — географически распределённая сетевая инфраструктура, позволяющая оптимизировать доставку и дистрибуцию содержимого конечным пользователям в сети Интернет. Использование контент-провайдерами CDN способствует увеличению скорости загрузки интернет-пользователями аудио-, видео-, программного, игрового и других видов цифрового содержимого в точках присутствия сети CDN. Wikipedia (RU)

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

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

Читать далее Проектирование собственной сети доставки контента