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事件执行完成的时间点