zoukankan      html  css  js  c++  java
  • window.performance.timing.toJSON() 字段说明和主要性能指标

    window.performance是W3C性能小组引入的新的API,目前IE9以上的浏览器都支持。

    window.performance.timing.toJSON()

    JSON.stringify(window.performance.timing)

    字段说明:

    connectStart 和 connectEnd: 分别代表TCP建立连接和连接成功的时间节点。

    domComplete:html文档完全解析完毕的时间节点。

    domContentLoadedEventStart 和 domContentLoadedEventEnd:代表DOMContentLoaded事件触发和完成的时间节点。页面文档完全加载并解析完毕之后,会触发DOMContentLoaded事件,HTML文档不会等待样式文件,图片文件,子框架页面的加载(load事件可以用来检测HTML页面是否完全加载完毕(fully-loaded))。

    domInteractive:代表浏览器解析html文档的状态为interactive时的时间节点。domInteractive并非DOMReady,它早于DOMReady触发,代表html文档解析完毕(即dom tree创建完成)但是内嵌资源(比如外链css、js等)还未加载的时间点。

    domLoading:代表浏览器开始解析html文档的时间节点。我们知道IE浏览器下的document有readyState属性,domLoading的值就等于readyState改变为loading的时间节点。

    domainLookupStart 和 domainLookupEnd:分别代表DNS查询的开始和结束时间节点。如果浏览器没有进行DNS查询(比如使用了cache),则两者的值都等于fetchStart。

    fetchStart:是指在浏览器发起任何请求之前的时间值。在fetchStart和domainLookupStart之间,浏览器会检查当前文档的缓存。

    loadEventStart 和 loadEventEnd:分别代表onload事件触发和结束的时间节点。

    navigationStart:代表浏览器开始unload前一个页面文档的开始时间节点。比如我们当前正在浏览baidu.com,在地址栏输入google.com并回车,浏览器的执行动作依次为:unload当前文档(即baidu.com)->请求下一文档(即google.com)。navigationStart的值便是触发unload当前文档的时间节点。

    redirectStart 和 redirectEnd:如果页面是由redirect而来,则redirectStart和redirectEnd分别代表redirect开始和结束的时间节点。

    requestStart:代表浏览器发起请求的时间节点,请求的方式可以是请求服务器、缓存、本地资源等。

    responseStart 和 responseEnd:分别代表浏览器收到从服务器端(或缓存、本地资源)响应回的第一个字节和最后一个字节数据的时刻。

    secureConnectionStart:可选。如果页面使用HTTPS,它的值是安全连接握手之前的时刻。如果该属性不可用,则返回undefined。如果该属性可用,但没有使用HTTPS,则返回0。

    unloadEventStart 和 unloadEventEnd:如果前一个文档和请求的文档是同一个域的,则unloadEventStartunloadEventEnd分别代表浏览器unload前一个文档的开始和结束时间节点。否则两者都等于0。

    主要性能指标:

    • DNS查询耗时 = domainLookupEnd - domainLookupStart
    • TCP链接耗时 = connectEnd - connectStart
    • request请求耗时 = responseEnd - responseStart
    • 解析dom树耗时 = domComplete - domInteractive
    • 白屏时间 = domloadng - fetchStart
    • domready时间 = domContentLoadedEventEnd - fetchStart
    • onload时间 = loadEventEnd - fetchStart
  • 相关阅读:
    多线程
    带缓存的字符输入输出流
    输入输出流(I/O)
    课本235页2-3题
    包装&工具类
    集合类SetMap
    tp框架之增删改查
    tp框架之数据添加
    tp框架之查询
    tp框架之Model类与命名空间
  • 原文地址:https://www.cnblogs.com/SomnusWho/p/14012648.html
Copyright © 2011-2022 走看看