美文网首页收藏
如何使用 Chrome 开发者工具 Performance ta

如何使用 Chrome 开发者工具 Performance ta

作者: _扫地僧_ | 来源:发表于2022-04-14 09:50 被阅读0次

    将下面这段代码插入 SAP Spartacus payment types Component 的 next 方法:

        console.time('Jerry');
        const N = 100000;
        let A = 0;
        // const Y = [];
        for( let i = 0; i < N; i++){
          for( let j = 0; j < N; j++){
            //Y.push(j);
            A = A + j;
          }
        }
        console.timeEnd('Jerry');
    

    正好消耗 10 秒钟的时间:

    打开我们想分析性能的网页,点击 Chrome 开发者工具的 performance 面板,点击 Record 按钮,如下图图例2所示:

    然后看到 Profiling 的提示对话框。点击 Continue 按钮,开始执行应用逻辑。

    待应用逻辑执行完毕后,点击 Stop 按钮,

    可以看到,95.4% 的执行时间,都花在了 next 函数上:

    单击超链接,可以直接跳转到源代码位置:


    相关文章

      网友评论

        本文标题:如何使用 Chrome 开发者工具 Performance ta

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