分析浏览器的时间性能

一 介绍
HTML5为window对象新增了performance属性,也就是新增了一个全局可用的performance对象,就像document、navigator等对象一样,通过该对象可以对浏览器进行相关分析。
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 分析页面加载时间 </title>
	<script type="text/javascript">
		var load = function()
		{
			// 记录页面加载完成时的时刻
			var now = new Date().getTime();
			var page_load_time = now - performance.timing.navigationStart;
			alert("页面加载时间: " + page_load_time);
		}
	</script>
</head>
<body onload="load();">
<img src="http://www.crazyit.org/logo.jpg" alt="疯狂Java联盟"/>
</body >
</html>
 
三 运行结果


 

猜你喜欢

转载自cakin24.iteye.com/blog/2369920
今日推荐