认识达内从这里开始

随着互联网的不断发展，越来越多的程序员都在学习web前端编程开发等技术，而本文我们就通过案例分析来简单了解一下，web前端性能指标都有哪些常见类型。

一、请求阶段

fetchStart：表征了浏览器准备好使用HTTP请求来获取(fetch)文档的时间戳，这个时间点会在检查任何应用缓存之前

domainLookupStart：是一个无符号longlong型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistentconnection)，或者这个信息存储到了缓存或者本地资源上，这个值将和PerformanceTiming.fetchStart一致。

domainLookupEnd：是一个无符号longlong型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistentconnection)，或者这个信息存储到了缓存或者本地资源上，这个值将和PerformanceTiming.fetchStart一致。

connectStart：请求连接被发送到网络之时的Unix毫秒时间戳。如果传输层报告错误并且连接的建立重新开始，则把后建立连接的开始时间作为该值。如果一个持久连接被使用，则该值与PerformanceTiming.fetchStart相同。

secureConnectionStart：为安全连接握手开始的时刻的Unix毫秒时间戳。如果只要你过的连接没有被请求，则它返回0。

connectEnd：代表了网络链接建立的时间节点。如果传输层报告了错误或者链接又被重新建立，则采用后一次链接建立的时间。如果链接是长久的，那么这个值等同于PerformanceTiming.fetchStart。链接被认为打开以所有的链接握手，SOCKS认证结束为标志。

requestStart：为浏览器发送从服务器或者缓存获取实际文档的请求之时的Unix毫秒时间戳。如果传输层在请求开始之后发生错误并且连接被重新打开，则该属性将会被设定为新的请求的相应的值。

responseStart：为浏览器从服务器、缓存或者本地资源接收到响应的一个字节之时的Unix毫秒时间戳。

responseEnd：为浏览器从服务器、缓存或者本地资源接收响应的后一个字节或者连接被关闭之时的Unix毫秒时间戳

二、解析渲染阶段

domLoading：返回当前网页DOM结构开始解析时

domInteractive：为在主文档的解析器结束工作，即Document.readyState改变为'interactive'并且相当于readystatechange(en-US)事件被触发之时的Unix毫秒时间戳。

domContentLoadedEventStart：为解析器发出DOMContentLoaded事件之前，即所有的需要被运行的脚本已经被解析之时的Unix毫秒时间戳。

domContentLoadedEventEnd：这个时刻为所有需要尽早执行的脚本不管是否按顺序，都已经执行完毕，即DOMReady

domComplete：为主文档的解析器结束工作，Document.readyState变为'complete'且相当于readystatechange事件被触发时的Unix毫秒时间戳。

loadEventStart：为load事件被现在的文档触发之时的Unix时间戳。如果这个事件没有被触发，则他返回0。

loadEventEnd：为load事件处理程序被终止，加载事件已经完成之时的Unix毫秒时间戳。如果这个事件没有被触发，或者没能完成，则该值将会返回0

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei456学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。