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

How to track the percentage of the page loading?

本文关键字：加载 百分比 何跟踪 跟踪      更新时间：2023-09-26

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

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

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

有没有办法在谷歌分析中创建这样的跟踪?

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

ga: pageLoadTime

总页面加载时间是指从启动页面视图(例如点击页面链接)到加载完成在浏览器中所花费的时间(以毫秒为单位)。

ga: domInteractiveTime

浏览器解析文档(DOMInteractive)所需的时间(以毫秒为单位)，包括从用户位置到服务器的网络时间。此时，用户可以与文档对象模型交互，即使它没有完全加载。

ga: domContentLoadedTime

浏览器解析文档和执行延迟和解析器插入的脚本(DOMContentLoaded)所需的时间(以毫秒为单位)，包括从用户位置到服务器的网络时间。文档的解析完成了，文档对象模型也准备好了，但是引用的样式表、图像和子框架可能还没有加载完成。此事件通常是javascript框架执行的起点，例如，JQuery的onready()回调等

相关文章：