2011-03-04 94 views

回答

5

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

var start = new Date(); 

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

jsFiddle

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

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