如何使用 Chrome 开发者工具 Performance tab 分析 JavaScript 的执行瓶颈

将下面这段代码插入 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 函数上：

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