Инструменты мониторинга производительности UI

Question

Я ищу инструмент, который позволяет отслеживать/записывать время отображения страницы на клиентских машинах. Я не ищу firebug/yslow, потому что хочу знать следующие вещи:

• Как быстро мои страницы загружаются, когда пользователь находится в россии?
• Сколько времени занимает javascript для работы на некоторых страницах для всех, кто обращается к этим страницам?

Итак, я действительно забочусь о том, что мой сайт чувствует себя как людям, которые его используют. Существуют ли инструменты, которые уже делают это?

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

Answer 1

Я никогда не слышал о том, как это сделать. Одно из решений, которое может быть ужасным, может состоять в том, чтобы самостоятельно регистрировать время. В верхней части страницы есть встроенный тег скрипта с глобальной переменной, называемой start, которая создает новую дату. Затем загрузите прослушиватель onload, который вызывает функцию после завершения загрузки страницы. В этой функции получите разницу между временем начала и текущим временем и отправьте это обратно на ваш сервер. Это отнюдь не точный, но может дать вам некоторую идею. Вы также можете зарегистрировать свой IP-адрес для геолокации при отправке данных.

Answer 2

Существует не очень простой способ сделать это эффективно. но вы можете определенно подделать объект геолокации с помощью прокси (который на самом деле даст вам N * 2, продолжительность времени) и получите неплохую идею о том, каково это - просматривать ваш сайт.

Что касается JavaScript, вы можете профилировать его профилировщиком в FireBug, это даст вам представление о том, какие функции вы должны использовать для рефакторинга и еще много чего.

На мой взгляд, я бы определил, что используют большинство ваших пользователей или что такое общий демографический макияж, являются ли они 75-летними парнями? Если это так, возможно, они не в новых более быстрых браузерах, или, если на то пошло, все равно. Если они крутые дизайнеры хипстеров в Сан-Франциско, то их Safari 4.0 ... во всяком случае это всего лишь способ определить мясо пользователей, я думаю, что лучший способ - просто захватить старый ноутбук с Windows XP на нем и просто просмотреть ваш сайт, вы можете использовать FireBug lite в браузерах, кроме Firefox

Answer 3

Мне нравится запускать Dynatrace AJAX edition из тестов автоматизации пользовательского интерфейса. Это легко позволяет отслеживать ухудшение производительности и улучшение с течением времени. There's an article on how to do this on the Dynatrace website.

Answer 4

Я рекомендую https://www.atatus.com/. Atatus позволяет визуализировать время загрузки страницы на разных страницах, в браузерах и странах. Он также имеет мониторинг AJAX и мониторинг транзакций.