javascript - 什么是计算实际(网页)页面加载时间的可靠方法

Question

我想知道我的网络应用程序的实际平均页面加载时间。

简单地说，我的普通访问者在开始使用我网站上的页面之前需要等待多长时间。从他们点击指向我网站的链接到网站完成呈现并准备好接受输入。

标准的解决方案似乎是使用 Javascript 比较从一个脚本到 window.onload() 事件中的一个脚本的时间。

(参见:http://www.dreamincode.net/code/snippet1908.htm)

这对我来说似乎不是一个非常准确的衡量标准，因为它忽略了解析我的域和接收足够的 HTML 内容以开始 Javascript parsig 所花费的时间。

看起来 Safari 在页面实际完成加载之前触发了 window.onload (http://www.howtocreate.co.uk/safaribenchmarks.html)。

有什么想法吗？

是否可以通过Javascript获取当前请求发起的时间？
在所有浏览器上可靠地准备好一切之后会触发什么事件？

Answer 1

http://www.webpagetest.org/是测量加载时间的绝佳资源

此外，google chorme 开发工具还有一个时间轴面板，您可以在其中记录事件，这是一个 2.5 分钟的视频，向您展示了谷歌浏览器中时间轴的工作原理 http://www.youtube.com/watch?v=RhaWYQ44WEc