JavaScript网页加载耗时统计功能代码分享

有没有见过人家网站底部有一个网页加载耗时统计功能，如下图：

可以统计网站打开加载完成共用了多少秒，看着是不是很专业的感觉，其实这个功能非常的简单。只需要利用 JS 计算出加载页面所用的时间，然后显示就可以了。

操作方法

1、在网站页面 Head 加入初始时间的js代码

<script language=javascript> 
var t1 = new Date().getTime();
</script>

2、在 Body 页加入以下代码

<SCRIPT LANGUAGE="JavaScript"> 
window.onload = function()
{
document.getElementById("TimeShow").innerHTML =
"加载耗时  "+ (new Date().getTime()-t1) +" ms ";
}
</SCRIPT>

3、最后在需要显示的地方加入以下代码

<div id="TimeShow"></div>

个人觉得在底部最合适。