分析浏览器的时间性能

最新推荐文章于 2021-10-22 18:41:23 发布

chengqiuming

最新推荐文章于 2021-10-22 18:41:23 发布

阅读量513

点赞数

本文链接：https://blog.csdn.net/chengqiuming/article/details/78600063

版权

一介绍

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 οnlοad="load();">
<img src="http://www.crazyit.org/logo.jpg" alt="疯狂Java联盟"/>
</body >
</html>

三运行结果