我正在寻找一种适当的方法来测试页面完全加载所有资源所需的时间。到目前为止,我所做的是添加:
window.startTime = (new Date).getTime(); // after the title in my page
并且
window.onload = function () {
console.log((new Date).getTime() - window.startTime);
}
window.addEventListener('load',function () {
console.log((new Date).getTime() - window.startTime);
},false);
在页脚下面。这是一种好的度量方式吗? 加载时间和感知加载时间之间可能会有差异吗?从我看到的情况来看,事件会在所有资源加载完成(包括图像)后触发。 这两个事件之间是否有任何差异?我能否使用 PageSpeed 进行测试?(我知道可以在 Chrome 开发工具中进行,但我还想要一个脚本,以便我可以跟踪数据。)