收藏

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

2022-04-14  本文已影响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 函数上:

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


上一篇 下一篇

猜你喜欢

热点阅读