美文网首页
完成时间的数据

完成时间的数据

作者: mindy1031 | 来源:发表于2019-11-13 11:14 被阅读0次
    function getPerformanceTiming() {
        var performance = window.performance;
        var t = performance.timing;
        var times = {};
        // 页面加载完成的时间
        times.loadPage = t.loadEventEnd - t.navigationStart;
        // 解析DOM树结构的时间
        times.domReady = t.domComplete - t.responseEnd;
        // 重定向的时间
        times.redirect = t.redirectEnd - t.redirectStart;
        // DNS查询时间
        times.lookupDomain = t.domainLookupEnd - t.domainLookupStart;
        // 读取页面第一个字节的时间
        times.ttfb = t.responseStart - t.navigationStart;
        // 内容加载完成的时间
        times.request = t.responseEnd - t.requestStart;
        // 执行onload 回调函数的时间
        times.loadEvent = t.loadEventEnd - t.loadEventStart;
        // DNS缓存时间
        times.appcache = t.domainLookupStart - t.fetchStart;
        // 卸载页面的时间
        times.unloadEvent = t.unloadEventEnd - t.unloadEventStart;
        // TCP建立连接完成握手的时间
        times.contime = t.connectEnd - t.connectStart;
        console.log(times)
        return times;
    }
    

    相关文章

      网友评论

          本文标题:完成时间的数据

          本文链接:https://www.haomeiwen.com/subject/wvrhictx.html