使用Jquery加载页面的时间

我想计算页面加载时间; 这意味着当加载整个页面时,从第二个0(加载一个小jquery片段)到第二个x。

我想知道是否有任何人有过这方面的经验,而且如何正确实施它的想法也将得到满足。

请我不需要扩展,我已经有了firebug,我需要一个js解决方案

谢谢 :)

正如其他人所提到的,这并不是非常准确。 但这应该合理地运作。

在你的 ,即尽早:

    

关键是这种行为, 来自jQuery文档 :

绑定到window元素时,当用户代理完成加载文档中的所有内容(包括窗口,框架,对象和图像)时,将触发事件。

由于脚本在解析后立即执行,我建议您在头文件中放置一个脚本标记,然后在加载jQuery后挂起页面加载事件的脚本:

    ...   ... 

这样你应该能够捕获尽可能多的页面加载时间。

你最好使用浏览器插件吗? 使用JavaScript计算必须低估页面加载时间,因为它不包括加载jQuery代码段的时间,并且不包括发送请求的浏览器和响应的Web服务器之间的时间?

Firefox有一个Load Time Analyzer插件。

如果你这样做是为了优化,那么我建议你使用Yslow 。 这是一个Firebug-Firefox扩展。 它可以显示页面加载时间和许多其他有用的信息。

阅读W3C的导航定时建议

亮点:

例如,以下脚本显示了一种天真的尝试来衡量完全加载页面所需的时间:

         

该脚本计算在执行头部中的第一个JavaScript后加载页面所花费的时间,但它不提供有关从服务器获取页面所需时间的任何信息。

为满足对完整用户体验信息的需求,本文档介绍了PerformanceTiming接口。 此接口允许JavaScript机制在应用程序中提供完整的客户端延迟测量。 利用所提出的界面,可以修改先前的示例以测量用户感知的页面加载时间。

以下脚本计算自最近导航以来加载页面的时间。

         

你不能真正用jQuery做到这一点,因为$(document).ready(); 页面加载时触发。

您可以使用适用于Firfox的YSlow Firebug插件执行此操作。 如果您希望这适用于所有浏览器,则需要添加服务器端代码以显示将第一个元素写入底部元素所花费的时间。

如果这不是您想要的,您可以使用像Selenium这样的工具并编写测试来捕获从open到结束waitForPageToLoad 。 Selenium适用于所有浏览器