angular - Google Analytics - Angular 5 的平均页面加载

Question

我已将现有的基于 MVC 的应用程序升级到 Angular 5 应用程序。当它是 MVC 时，平均页面加载时间为 3.5 秒，升级到 Angular 5 后仍然几乎相似。使用 Angular 5 应用程序，我可以清楚地看到页面路由在一瞬间发生，但在 GA 报告中却看不到同样的情况。

我正在使用 Google 标签管理器，并且能够在每次页面加载时看到发送到 GA 的 pageView 事件。我已按照以下中提到的步骤进行操作: https://developers.google.com/analytics/devguides/collection/analyticsjs/single-page-applications

和

Angular 4+ using Google Analytics

我的问题1.平均页面加载时间是如何计算的？它只计算完整的页面加载 - 当我们刷新页面时还是只计算第一次加载？2.我应该改变任何实现吗？

Answer 1

• Performance API:如果您查看 GA 的源代码，您会发现它使用 Performance API测量速度

• 采样:By default ，用户的固定 1% 样本构成了从中导出页面计时指标的数据池，可以使用 siteSpeedSampleRate 进行自定义。您的追踪器的设置。在大型实现中，如果 siteSpeedSampleRate 意味着收集了太多数据，GA 将忽略它。实际上，在大型实现中，我看到的采样率约为 0.8%(查看 # 个样本/# 个页面浏览量)。

• 速度测量的问题:现代网络应用程序的问题是越来越多的内容是从前端动态加载的，因此很难以编程方式确定事物何时加载“就绪”，这会影响所有 RUM(真实用户监控)解决方案，例如 Google Analytics、Pingdom 等...您现在看到的越来越多的是复制页面加载的解决方案，并且进行图像分析以确定用户何时看到他们应该看到的内容。 Here is an example 。因此，性能 API 数据是一个很好的指标(例如，如果需要 5 秒才能建立连接，那就不好)，但就确定事物的速度而言，无论如何都是有根本缺陷的，因为这是一个人类概念(例如，谁在乎页脚是否有如果用户不感兴趣的话还没有加载完成？)

• 用户计时的替代方案:因此，因为使用 RUM 解决方案是一个永无休止的头痛(您的堆栈发生变化，因此会影响速度数据，您永远无法确定它是否会影响速度数据)真正反射(reflect)了用户体验)，我的建议是测量各个内容/UI 的加载速度。 Google Analytics 中有一个名为 User Timings 的功能。这样做。然后，您可以使用分析来分割并查看哪些内容/UI 能够带来良好的用户体验/转化，并衡量其性能。