【问题标题】:UI performance monitoring toolsUI 性能监控工具
【发布时间】:2023-04-05 05:20:01
【问题描述】:

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

  • 当用户在俄罗斯时,我的页面加载速度如何?
  • 对于访问这些页面的每个人来说,javascript 在某些页面上运行需要多长时间?

所以,我实际上在乎我的网站对用户的感觉。是否存在已经做到这一点的工具?

我应该补充一点,我的网站是一个软件即服务网站,不能公开访问

【问题讨论】:

    标签: javascript performance logging user-interface monitoring


    【解决方案1】:

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

    【讨论】:

    • 这精确到~15ms,当然它不包括从用户点击链接进入你的页面到加载第一行内联JS之间的时间。您可以使用 cookie 来跟踪用户在您网站页面之间导航的时间。 HTML5 Web Timing 将使这更容易:dev.w3.org/2006/webapi/WebTiming
    【解决方案2】:

    实际上并没有一种超级简单的方法可以有效地做到这一点。但是您绝对可以通过使用代理来伪造地理位置信息(实际上会给您 N*2 时间长度),并且非常清楚浏览您的网站是什么感觉。

    至于 JavaScript,您可以使用 FireBug 中的分析器对其进行分析,这将使您了解应该重构哪些函数以及什么。

    在我看来,我会确定您的大多数用户正在使用什么或他们的一般人口构成,他们是 75 岁的人吗?如果是这种情况,他们可能不在更新更快的浏览器上,或者就此而言不在乎。如果他们是旧金山很酷的潮人设计师,他们就是 Safari 4.0……无论如何,这只是确定用户数量的一种方式,我认为最好的方法是拿起一台装有 Windows XP 的旧笔记本电脑,然后浏览您的网站,您可以在 Firefox 以外的浏览器上使用 FireBug lite

    【讨论】:

      【解决方案3】:

      我喜欢在 UI 自动化测试中运行 Dynatrace AJAX edition。这很容易让您监控性能随时间的恶化和改进。 There's an article on how to do this on the Dynatrace website

      【讨论】:

        【解决方案4】:

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

        【讨论】:

          猜你喜欢
          • 2010-09-07
          • 2011-09-22
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2012-01-18
          相关资源
          最近更新 更多