关于前端:performance校验运行时间

36次阅读

共计 768 个字符,预计需要花费 2 分钟才能阅读完成。

function run() {
    var t = this
      , e = performance.timing
      , n = {}
      , r = function() {n["DNS 解析工夫"] = e.domainLookupEnd - e.domainLookupStart,
        n["TCP 实现握手工夫"] = e.connectEnd - e.connectStart,
        n["重定向工夫"] = e.redirectEnd - e.redirectStart,
        n["html 的 ttfb 耗时"] = e.responseStart - e.requestStart,
        n["HTTP 申请响应实现工夫"] = e.responseEnd - e.requestStart,
        n["DOM 开始加载前所破费工夫"] = e.responseEnd - e.navigationStart,
        n["DOM 加载实现工夫"] = e.domComplete - e.domLoading,
        n["DOM 构造解析实现工夫"] = e.domInteractive - e.domLoading,
        n["脚本加载工夫"] = e.domContentLoadedEventEnd - e.domContentLoadedEventStart,
        n["onload 事件工夫"] = e.loadEventEnd - e.loadEventStart,
        n["页面齐全加载工夫"] = n["重定向工夫"] + n["DNS 解析工夫"] + n["TCP 实现握手工夫"] + n["HTTP 申请响应实现工夫"] + n["DOM 构造解析实现工夫"] + n["DOM 加载实现工夫"],
        Object.keys(n).forEach((function(t) {console.log(t + ":" + n[t] + "ms")
        }
        ))
    };
    return r()};
window.onload = function () {run()
}

博客地址:

正文完
 0