获取页面加载jQuery的时间?

时间:2011-03-04 01:22:24

标签: jquery

获取页面加载jQuery的时间?

2 个答案:

答案 0 :(得分:5)

页面加载的结束是什么? window.onload

var start = new Date();

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

jsFiddle

如果您支持较新的浏览器,则可以将new Date()Date.now()交换。

答案 1 :(得分:1)

对于包含内联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]。它是一个插件,可以在页面的顶部和底部放置少量代码。页面完成加载后,您会收到一条通知,说明加载页面需要多长时间