0
点赞
收藏
分享

微信扫一扫

初探一下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


举报

相关推荐

0 条评论