如何跟踪页面加载的百分比？

Question

我们需要一些方法来跟踪页面加载的百分比。

例如，在代码的不同部分的页面上放置一些3个元素，这些元素将表示页面加载的百分比。即第一个元素已经加载了10次，第二个元素已经加载了10次，而第三个元素只加载了5次。

因此，有可能确定在加载第二个和第三个元素之间我们有一个必须修复的问题，以增加整个页面的加载百分比。

有没有办法在Google Analytics中创建此类跟踪？

Answer 1

非常确定已存在metrics。我在使用谷歌core reporting api时做了类似的事情，所以我会提供一些我用过的例子。

<强> GA：pageLoadTime

总页面加载时间是从样本集加载的页面，从页面视图的启动（例如，单击页面链接）到在浏览器中加载完成所花费的时间（以毫秒为单位）。

<强> GA：domInteractiveTime

浏览器解析文档（DOMInteractive）所花费的时间（以毫秒为单位），包括从用户位置到服务器的网络时间。此时，即使文档对象模型未完全加载，用户也可以与文档对象模型进行交互。

<强> GA：domContentLoadedTime

浏览器解析文档并执行延迟和解析器插入脚本（DOMContentLoaded）所花费的时间（以毫秒为单位），包括从用户位置到服务器的网络时间。完成文档的解析，文档对象模型已准备就绪，但引用的样式表，图像和子帧可能无法完成加载。此事件通常是javascript框架执行的起点，例如，JQuery的onready（）回调等。