HTML5 性能监控 timing API 解释

timing API统计了一个浏览器窗口从 卸载当前页面开始 到 加载完毕目标页面的整个流程中,每个节点的时间戳

具体都有哪些时间节点呢?下面是很详细的示意图

各个节点的示意图

各个节点的含义 navigationStart 当访问一个新页面时,当前页面卸载完成所返回的时间点,如果没有当前页面,则返回fetchStart时间点 unloadEventEnd 如果要打开的页面和当前的页面同源,则返回用户unload事件执行完成后的时间点,如果当前文档不存在或者不同源,则返回0 redirectStart 如果是HTTP重定向,如果跳转都是同源的,则返回开始获取发起重定向的时间点,否则返回0 redirectEnd 如果是同源重定向,返回重定向请求接收完最后一字节的时间点,否则返回0 fetchStart 如果请求是用http get发起的,返回浏览器查缓存之前的时间点,否则返回发起获取资源的时间点 domainLookupStart 返回浏览器发起DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点 domainLookupEnd 返回结束DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点 connectStart 返回浏览器向服务器发起建立获取当前文档的连接请求的时间点, 如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点 connectEnd 返回与服务器建立完成连接的时间点, 如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点 requestStart 返回浏览器发起请求的时间,不管是向server还是本地缓存或存储 responseStart 返回浏览器拿到第一个响应字节的时间点,包括从服务器、缓存或者其他本地存储 responseEnd 返回浏览器拿到最后一个响应字节或者传输连接关闭的时间点,包括从服务器、缓存或者其他本地存储 domLoading 返回浏览器将当前文档状态设置成loading的时间点 domInteractive 返回浏览器将当前文档状态设置成interactive的时间点 domContentLoadedEventStart 返回浏览器触发DOMContentLoaded事件执行之前的时间点 domContentLoadedEventEnd 返回浏览器触发DOMContentLoaded事件执行完成的时间点 domComplete 返回浏览器将当前文档状态设置成complete的时间点 loadEventStart 返回浏览器触发load事件执行之前的时间点,否则为0 loadEventEnd 返回浏览器触发load事件执行完成的时间点

原文发布于微信公众号 - 性能与架构(yogoup)

原文发表时间:2015-11-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

HTTP 协议漫谈

简介 网络上已经有不少介绍 HTTP 的好文章,对HTTP的一些细节介绍的比较好,所以本篇文章不会对 HTTP 的细节进行深究,而是从够高和更结构化的角度将 H...

316110
来自专栏SAP梦心的SAP分享

【域控管理】父域的搭建

从这篇博文开始,所有的域控系统都是在虚拟机中创建的。 在VM里安装Windows Server 2008 R2的方法就不多说了,无脑式安装,略过不提。 进到系统...

42680
来自专栏遊俠扎彪

Linux 下Oracle 10.2.0.1升级到10.2.0.4

ftp://updates.oracle.com/6810189/p6810189_10204_Linux-x86.zip

21780
来自专栏王磊的博客

javascript 复制功能 兼容所有浏览器的解决方案

代码如下: // 兼容所有浏览器 function copyUrl(url) { if (navigator.userAgent.toLowerCase...

35650
来自专栏Golang语言社区

HTTP协议漫谈

简介 园子里已经有不少介绍HTTP的的好文章。对HTTP的一些细节介绍的比较好,所以本篇文章不会对HTTP的细节进行深究,而是从够高和更结构化的角度将H...

375130
来自专栏python百例

119-比较文件的差异

python标准库提供了一个difflib,可以进行文件的比较,并且可以生成网页的形式。

19720
来自专栏coder修行路

WebSocket 理论知识整理

最近工作用到websocket, 之前虽然也用到了一些简单的东西,但是并没有认真整理一下。所以这次准备了解一下WebSocket.

8720
来自专栏技术博客

JavaScript判断页面是否已经加载完毕

  在做针对CheckBox框点击事件的时候,发现点击以后有时候会报错,但是是生成的JavaScript的代码的内部错误,无法判断到底是什么地方有问题。就一直在...

10020
来自专栏木子昭的博客

nodejs爬虫获取漫威超级英雄电影海报

18430
来自专栏IT开发技术与工作效率

.bat 脚本运行任意 .jar Java 程序不保留黑窗口运行运行目录下所有 jar运行并复制链接

1K30

扫码关注云+社区

领取腾讯云代金券