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％采样构成了导出页面计时指标的数据池，可使用{ {3}}跟踪器的设置。在大型实现中，如果GA表示收集的数据过多，则会忽略siteSpeedSampleRate。实际上，在大型实现中，我看到的采样率大约为0.8%（查看＃个样本/＃个浏览量）。

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

• 替代用户计时：因此，由于使用RUM解决方案是无休止的头痛（您的堆栈变化会影响速度数据，因此您无法确定它是否真正反映了什么用户体验），我的建议是测量各种内容/ UI的加载速度。 Google Analytics（分析）中有一个名为Here is an example的功能。然后，您可以使用分析来细分并查看哪些内容/ UI驱动良好的UX /转换并评估其性能。