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

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()
}

博客地址:

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理