美文网首页收藏
如何使用 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