初探一下html5的performance相关

前言：

 

本文部分内容来源于http://w3c-test.org/webperf/specs/NavigationTiming/ 以及一些互联网资料

 

个人做积累学习用，感谢！

 

 

正文：

 

 

window下面引入了一个新的对象：

 

 

下图为本人chrome返回：

 

已实现草案定义的接口的浏览器：

 

• IE9+
• Chrome11+
• FF7+

最新的支持情况：http://caniuse.com/#feat=nav-timing

 

注释：仅对当前的html文档做检测

成员对象探究如下：

1、performance.navigation

http://w3c-test.org/webperf/specs/NavigationTiming/#performancenavigation

 

• type

0 ---------- TYPE_NAVIGATE (导航方式访问页面)

1 ---------- TYPE_RELOAD (用户通过刷新，重载访问页面)

2 ---------- TYPE_BACK_FORWARD  (后退按钮访问页面)

下图为本人的chrome返回：

• redirectCount

------ 只读属性，返回当前页面是几次重定向过来的，（同源策略限制）

2、performance.timing

 

http://w3c-test.org/webperf/specs/NavigationTiming/#performancetiming

• requestStart

返回当用户代理开始请求服务端，相关application缓存或者本地资源的时间

• resonseStart

返回当用户代理开始接收到服务端，相关application缓存或者本地资源的返回的第一个字节的时间

• resonseEnd

  返回当用户代理开始接收到服务端，相关application缓存或者本地资源的返回的最后一个字节的时间

• domLoading

返回用户代理将当前文档置loading状态的时间

• domInteractive

返回用户代理将当前文档置interactive状态的时间

• domContentLoadedEventStart

返回当DOMContentLoaded事件开始被触发的时间

• domContentLoadedEventEnd

返回当DOMContentLoaded事件结束的时间

• domComplete

返回用户代理将当前文档置complete状态的时间

• loadEventStart

文档load事件刚触发的时间，如果没有触发，返回0

• loadEventEnd

文档load事件刚完成的消耗时间，如果没有触发，返回0

扩展阅读：

http://msdn.microsoft.com/zh-cn/office/ff975118