微信小程式 效能Trace工具
阿新 • • 發佈：2018-11-05
微信 Andoid 6.5.10 開始，我們提供了 Trace 匯出工具，開發者可以在開發者工具 Trace Panel 中使用該功能。
使用方法
- PC 上需要先安裝
adb工具，可以參考一些主流教程進行安裝，Mac 上可使用 brew 直接安裝。 - 確定
adb工具已成功安裝後，在開發者工具上開啟 Trace Panel，將 Android 手機通過 USB 連線上 PC，點選「Choose Devices」，此時手機上可能彈出連線授權框，請點選「允許」。 - 選擇裝置後，在手機上開啟你需要除錯的開發版小程式，通過右上角選單，開啟效能監控面板，重啟小程式；
- 重啟後，在小程式上進行操作，完成操作後，通過右上角選單，匯出 Trace 資料；
- 此時開發者工具 Trace Panel 上會自動拉取 Trace 檔案，選擇你要分析的 Trace 檔案即可；
可以通過
adb devices命令確定裝置是否已和 PC 建立起連線
效能面板
從微信 6.5.8 開始，我們提供了效能面板讓開發者瞭解小程式的效能。開發者可以在開發版小程式下開啟效能面板，開啟方法：進入開發版小程式，進入右上角更多按鈕，點選「顯示效能視窗」。
效能面板指標說明
| 指標 | 說明 |
|---|---|
| CPU | 小程式程序的 CPU 佔用率，僅 Android 下提供 |
| 記憶體 | 小程式程序的記憶體佔用（Total Pss)，僅 Android 下提供 |
| 啟動耗時 | 小程式啟動總耗時 |
| 下載耗時 | 小程式包下載耗時，首次開啟或資源包需更新時會進行下載 |
| 頁面切換耗時 | 小程式頁面切換的耗時 |
| 幀率/FPS | |
| 首次渲染耗時 | 頁面次首次渲染的耗時 |
| 再次渲染耗時 | 頁面再次渲染的耗時（通常由開發者的 setData 操作觸發） |
| 資料快取 | 小程式通過 Storage 介面儲存的快取大小 |