UI性能监控工具

Question

我正在寻找一种工具，可让您监控/记录客户端计算机上的页面呈现时间。我不是在寻找firebug / yslow，因为我想知道以下类型的事情：

• 当用户在俄罗斯时，我的网页加载速度有多快？
• 访问这些网页的每个人在某些网页上运行javascript需要多长时间？

所以，我实际上关心的是我的网站对使用它的人感觉。是否存在已经这样做的工具？

我应该补充一点，我的网站是一个软件即服务网站，无法公开访问。

Answer 1

我从来没有听说过这样做的方法。一个可能很糟糕的解决方案可能是自己记录时间。在页面顶部有一个内联脚本标记，其中包含一个名为start的全局变量，用于创建新日期。然后，有一个onload监听器，一旦页面加载完毕就调用一个函数。在此功能中，获取开始时间和当前时间之间的差异，然后将其发送回服务器。这绝不是准确的，但可能会给你一些想法。发送回数据时，您还可以记录其地理位置的IP地址。

Answer 2

我建议https://www.atatus.com/。 Atatus可帮助您可视化跨页面，浏览器和国家/地区的页面加载时间。它还具有AJAX监控和事务监控。

Answer 3

实际上并没有一种非常简单的方法可以有效地做到这一点。但你绝对可以通过使用代理（这实际上会给你N * 2，时间长度）伪造地理位置的东西，并且对浏览你的网站感觉非常好。

对于JavaScript，您可以使用FireBug中的探查器对其进行分析，这将让您了解应该重构哪些函数以及诸如此类的东西。

在我看来，我会确定你的大多数用户使用的是什么，或者他们是一般的人口构成，他们是75岁的家伙吗？如果是这种情况，也许他们不会使用更新的更快的浏览器，或者就此而言并不关心。如果他们是旧金山的酷炫时髦设计师，他们就是Safari 4.0 ...无论如何这只是一种确定用户肉的方式，我认为最好的办法就是抓住装有Windows XP的老式笔记本电脑，然后浏览您的网站，除Firefox之外，您可以在浏览器上使用FireBug lite

Answer 4

我喜欢从UI自动化测试中运行Dynatrace AJAX edition。这可以轻松地监控性能下降和长期改进。 There's an article on how to do this on the Dynatrace website。