我如何使用 Google Analytics 跟踪 AJAX 绩效?

How can i track AJAX performance using Google Analytics?

由于我的 Web 应用程序使用了很多 AJAX 请求,因此归类为单页应用程序。 我想要的是使用 Google 分析来跟踪 AJAX 技术性能。

关于 GA 文档,建议实施虚拟浏览量跟踪作为详细信息 link https://developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications

实施虚拟综合浏览量跟踪后,综合浏览量统计信息和网页 URI 似乎已正确输入 GA。 但是 Avg.Page 加载时间(秒)等时间统计数据不是。都没有价值!

我尝试了这 3 个 senario 来实现虚拟页面跟踪,但没有一个有效。

GA 并非用于跟踪页面性能,GA 中的 Value 表示货币价值。

当它说“跟踪综合浏览量”时,它不是关于衡量性能,而是关于跟踪用户 activity。比如,每个会话有多少页,哪些页,什么导致了转换,他们在哪里遇到麻烦等等。不是技术工具,而是 analytics/marketing 工具。

从技术上讲,您仍然可以使用它来跟踪页面性能并且人们会这样做。但不像你所做的那样。您必须消除任何网络对您的时间戳的影响,因为那里的正常波动会超过页面性能的有用时间。

我认为最优雅的方法是在 GA 界面中创建自定义指标,然后用性能测量事件(或网页浏览量)填充它。所以:

  1. 您在 post 请求
  2. 之前获取了 new Date() 时间戳(或者您在 jquery 中执行的任何操作以获取当前时间戳)
  3. 您在 post 回调中得到另一个 new Date()
  4. 您以毫秒为单位计算差异并将其作为自定义指标的值与页面浏览一起发送
  5. 您等待两天处理新数据并使用您的自定义指标构建自定义报告。

现在,当您改进端点的性能时,您将能够在该报告中看到统计改进。

这通常在后端完成,使用 datadog 或具有端点监控功能的类似工具。

在前端衡量性能时,我们通常使用原生性能API,所以window.performance对象。或者您的前端渲染库建议为此使用的任何东西。这里有更多关于此的内容:https://developer.mozilla.org/en-US/docs/Web/API/performance_property 这样你就可以考虑更多的数据,而不仅仅是一个端点响应时间。