將下面這段代碼插入 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 開發(fā)者工具的 performance 面板，點擊 Record 按鈕，如下圖圖例2所示：

然后看到 Profiling 的提示對話框。點擊 Continue 按鈕，開始執(zhí)行應用邏輯。

待應用邏輯執(zhí)行完畢后，點擊 Stop 按鈕，

可以看到，95.4% 的執(zhí)行時間，都花在了 next 函數(shù)上：

單擊超鏈接，可以直接跳轉到源代碼位置：

總結

以上是生活随笔為你收集整理的如何使用 Chrome 开发者工具 Performance tab 分析 JavaScript 的执行瓶颈的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。