初探一下html5的performance相关

前言

 

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

 

个人做积累学习用,感谢!

 

 

正文

 

 

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

 

初探一下html5的performance相关

 

下图为本人chrome返回:


初探一下html5的performance相关

 

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

 

  • IE9+
  • Chrome11+
  • FF7+

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


初探一下html5的performance相关
 


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



成员对象探究如下:


1、performance.navigation




初探一下html5的performance相关
 
  • type
0 ---------- TYPE_NAVIGATE (导航方式访问页面)

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

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


下图为本人的chrome返回:

初探一下html5的performance相关


  • redirectCount
------ 只读属性,返回当前页面是几次重定向过来的,(同源策略限制)


2、performance.timing


初探一下html5的performance相关
 


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

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

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

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

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

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

  • domContentLoadedEventEnd
返回当DOMContentLoaded事件结束的时间

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

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

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




扩展阅读: