js计算网页渲染执行时间代码下载

在实际应用中可能需要计算一个页面渲染所要花费的时间，下面就通过代码实例介绍一下如何利用javascript实现此功能。

首先在网页的顶部放入一段代码用标记网页开始渲染的时间点，代码如下:

[ 其他 ] 运行代码下载代码

<script>
<head> 
<script type="text/javascript">
var start = new Date().getTime(); 
</script> 
</head>
</script>

尽量防止在页面的顶端，这样就更为精确，上面获取页面开始渲染的时间戳。

然后在页面中再加入一个类似的代码，能够获取页面渲染完毕的时间点，然后计算两者之间的时间差即可。

代码如下:

[ 其他 ] 运行代码下载代码

<script>
window.onload = function(){ 
  var time="加载本页耗时 "+(new Date().getTime()-start) +" 毫秒"; 
}
</script>

代码描述：js计算网页执行时间。js计算网页渲染执行时间代码下载

286 381

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

热搜关键词