performance校验运行时间

最新推荐文章于 2024-02-18 09:30:18 发布

搬砖老程

最新推荐文章于 2024-02-18 09:30:18 发布

阅读量263

点赞数

分类专栏：前端文章标签： javascript html html5 performance

本文链接：https://blog.youkuaiyun.com/weixin_41000111/article/details/117595598

版权

前端专栏收录该内容

46 篇文章

订阅专栏

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