获取页面在 jQuery 中加载的时间？答案

【问题标题】：Get Time for page to load in jQuery?获取页面在 jQuery 中加载的时间？
【发布时间】：2011-07-08 12:01:53
【问题描述】：

在 jQuery 中获取页面加载时间？

【问题讨论】：

你可以在firebug net panel中验证，它显示了所有客户端调用的时间线。

标签： jquery

【解决方案1】：

页面加载结束是什么时候？ window.onload?

var start = new Date();

$(window).load(function() {
   $('body').html(new Date() - start);
});

jsFiddle.

如果您支持较新的浏览器，可以将new Date() 替换为Date.now()。

【讨论】：

【解决方案2】：

对于大型页面或包含内联 JavaScript 的页面，最好监控页面加载所需的时间。
下面的代码与等待 onload 被触发不同，它只测量页面加载时间。 [+]

<html>
<head>
<script type="text/javascript">
var t = new Date();
</script>
… (your page) …
<script type="text/javascript">
new Image().src = '/load.gif?' + (new Date().getTime() - t.getTime());
</script>
</body>
<html>

load.gif 可以是通用的 1*1 像素 GIF。您可以使用 grep 和 sed 从日志文件中提取数据。

也可以在这里查看。

帮助衡量页面加载时间的一个很好的诊断工具是[jQTester]。它是一个插件，可让您在页面的顶部和底部放置少量代码。当页面完成加载时，您会收到一条通知，说明页面加载需要多长时间

【讨论】：