PerformanceTiming

Markxu 发布于2019-08-21 12:02 / 1164人阅读

摘要：前一个文档的卸载时间准备加载新页面的时间，如果没有前一个文档，那么就返回的值如果要打开的页面和当前的页面同源，则返回用户事件执行完成后的时间点，如果当前文档不存在或者不同源，则返回如果是重定向，如果跳转都是同源的，则返回开始获取发起重定向的

navigationStart
（前一个文档的卸载时间）准备加载新页面的时间，如果没有前一个文档，那么就返回timing.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事件执行完成的时间点

经典图片描述

海外云主机私有云 PerformanceTiming

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87376.html

前端监控数据收集（perf）

摘要：连接建立指的是所有握手和认证过程全部结束。是一个无符号型的毫秒数，返回当所有需要立即执行的脚本已经被执行不论执行顺序时的毫秒时间戳。对于如何展示我们收集的数据，请前往瞅一眼哦。所谓web,即使你我素未谋面，便知志趣相投；足不出户，亦知世界之大。这节我们了解一下获取用户访问网页速度和Web应用程序的性能，那如何来获取这些数据呢？我们项目中使用PerformanceTiming 接口来...

UCloud 2019-08-23 16:04 评论0 收藏0
前端代码性能质量监测

摘要：连接建立指的是所有握手和认证过程全部结束。发生错误的脚本字符串发生错误的行号数字发生错误的列号数字对象对象若该函数返回，则阻止执行默认事件处理函数。在某些浏览器中，通过在使用属性并要求服务器发送适当的响应头，该行为可被覆盖。 1.页面整体性能通过浏览器提供的 window.performance.timing 方法，我们能够得到网页每个处理阶段的精确时间。打开一个页面后，这些信息会被...

?xiaoxiao, 2019-08-20 18:17 评论0 收藏0
前端代码性能质量监测

摘要：连接建立指的是所有握手和认证过程全部结束。发生错误的脚本字符串发生错误的行号数字发生错误的列号数字对象对象若该函数返回，则阻止执行默认事件处理函数。在某些浏览器中，通过在使用属性并要求服务器发送适当的响应头，该行为可被覆盖。 1.页面整体性能通过浏览器提供的 window.performance.timing 方法，我们能够得到网页每个处理阶段的精确时间。打开一个页面后，这些信息会被...

shixinzhang 2019-08-01 17:13 评论0 收藏0