美文网首页html5
js性能分析

js性能分析

作者: 前端小旋风 | 来源:发表于2019-07-15 15:36 被阅读0次
function consoleTime() {
    setTimeout(function () {
        let t = performance.timing
        console.log('DNS查询耗时 :' + (t.domainLookupEnd - t.domainLookupStart).toFixed(0))
        console.log('TCP链接耗时 :' + (t.connectEnd - t.connectStart).toFixed(0))
        console.log('request请求耗时 :' + (t.responseEnd - t.responseStart).toFixed(0))
        console.log('解析dom树耗时 :' + (t.domComplete - t.domInteractive).toFixed(0))
        console.log('白屏时间 :' + (t.responseStart - t.navigationStart).toFixed(0))
        console.log('domready时间 :' + (t.domContentLoadedEventEnd - t.navigationStart).toFixed(0))
        console.log('onload时间 :' + (t.loadEventEnd - t.navigationStart).toFixed(0))

        if (t = performance.memory) {
            console.log('js内存使用占比 :' + (t.usedJSHeapSize / t.totalJSHeapSize * 100).toFixed(2) + '%')
        }
    })
}

我建了一个前端微信交流群,欢迎大家加入,qq中转群号:1076484243

相关文章

  • js性能分析

    我建了一个前端微信交流群,欢迎大家加入,qq中转群号:1076484243

  • JS Related

    JS几种数组遍历方式以及性能分析对比 javascript中in和hasOwnProperty区别

  • 2019-03-19 WKWebView的特性介绍

    【参考文章】UIWebView、WKWebView使用详解及性能分析 WKWebView在执行OC调用JS函数时,...

  • 36. 自定义时间测量API

    Performance 面板就是以前的timeline面板。用于可视化分析代码性能。js提供了对应的API用于分析...

  • 前端性能优化

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能 优化 大全

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端进阶(9) - js 性能优化利器:prepack

    js 性能优化利器:prepack 1. js 性能优化 js 性能优化不外乎从三个角度入手: 1.1 开发者在编...

  • HTML5中 localStorage 性能分析

    结论: localStorage的性能和JS变量的读写性能几乎一样; Safari的JS渲染性能要优于Chrome...

  • 遍历数组和对象2018-08-14

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

  • 数组2

    js数组遍历和对象遍历 针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;还有性能,优缺点等。 J...

网友评论

    本文标题:js性能分析

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