使用「效能」面板剖析 Node.js 效能

Jecelyn Yeen

Nancy Li

Dale St. Marthe

使用「Performance」面板分析 Node.js 和 Deno 應用程式的效能。

已淘汰： 您之前可能使用過「JS 分析器」面板，但此面板現已淘汰。

什麼是 CPU 分析器？

CPU 分析器報告會顯示 CPU 在一段時間內的使用情況。這項功能會顯示哪些程式佔用的 CPU 作業時間最長、哪些程序正在執行，以及各個狀態花費的時間。有了 CPU 分析器，您就能找出效能瓶頸並最佳化 CPU 資源使用率。

開啟節點適用的開發人員工具

1. 在指令列中，執行下列指令：

   Node.js

   node --inspect file-name.js
   

   丹諾

   deno --inspect file-name.js
   

2. 透過下列其中一種方式連線至 Node 適用的 DevTools：

   • 開啟開發人員工具，然後按一下頂端開發人員工具動作列中的綠色「節點」按鈕。

   • 在網址列輸入 chrome://inspect，然後點選下列其中一個選項：

     • 在「裝置」底下「開啟節點適用的專屬開發人員工具」。
     • 在要剖析的目標底下，「檢查」。

   

剖析 CPU

如要剖析 CPU，請開啟「Performance」面板，然後按一下 radio_button_checked 按鈕兩次，開始及結束剖析。

提示： 您也可以選擇從動作列右側的下拉式清單中選取 JavaScript VM 執行個體。

分析剖析結果

停止記錄後，「成效」面板會在「設定檔」中整理及顯示錄音相關資料。請使用下列分頁分析剖析資料：

• 時間軸總覽。位於活動列頂端的活動列下方。顯示時間軸上的 CPU 和 NET 活動圖表。可用來找出效能瓶頸。

  

• 由下而上：這個分頁可用來檢查選定的部分記錄，並查看每個活動的匯總時間。

  

• Call Tree：這個分頁會顯示已錄製部分的根活動。根活動也有巢狀呼叫堆疊。這個分頁會顯示哪些活動導致工作最慢。

  

• 事件記錄：這個分頁會按照錄製的部分活動順序列出活動。

  

使用 console.profile() 指令剖析資料

開發人員工具可讓您透過 console.profile() 指令剖析 JavaScript CPU 效能。您可以將這個指令加入程式碼並執行檔案，也可以複製程式碼並貼到控制台。「成效」面板會顯示結果。

如要使用這個指令，請按照下列步驟操作：

1. 使用 console.profile() 和 console.profileEnd() 括住程式碼，例如：

   console.profile( profile ${i} );
   // Code to be profiled
   doSomething();
   console.profileEnd();
   

2. 透過下列其中一種方式執行程式碼：

   • 如果您使用的是控制台，請開啟節點適用的開發人員工具，將程式碼貼到控制台，然後按下 Enter 鍵。

   • 在指令列中，執行下列指令：

     Node.js

     node --inspect file-name.js
     

     丹諾

     deno --inspect file-name.js
     

     接著，開啟 Node 適用的 DevTools。

設定檔完成後，結果會自動顯示在「成效」面板中。