微信小程序 性能分析工具

2022-05-11 15:49 更新

性能 Trace 工具

微信 Andoid 6.5.10 開始,我們提供了 Trace 導(dǎo)出工具,開發(fā)者可以在開發(fā)者工具 Trace Panel 中使用該功能。

使用方法

  1. PC 上需要先安裝 adb 工具,可以參考一些主流教程進行安裝,Mac 上可使用 brew 直接安裝。
  2. 確定 adb 工具已成功安裝后,在開發(fā)者工具上打開 Trace Panel,將 Android 手機通過 USB 連接上 PC,點擊「Choose Devices」,此時手機上可能彈出連接授權(quán)框,請點擊「允許」。
  3. 選擇設(shè)備后,在手機上打開你需要調(diào)試的開發(fā)版小程序,通過右上角菜單,打開性能監(jiān)控面板,重啟小程序;
  4. 重啟后,在小程序上進行操作,完成操作后,通過右上角菜單,導(dǎo)出 Trace 數(shù)據(jù);
  5. 此時開發(fā)者工具 Trace Panel 上會自動拉取 Trace 文件,選擇你要分析的 Trace 文件即可;
可以通過 adb devices 命令確定設(shè)備是否已和 PC 建立起連接

image

性能面板

從微信 6.5.8 開始,我們提供了性能面板讓開發(fā)者了解小程序的性能。開發(fā)者可以在開發(fā)版小程序下打開性能面板,打開方法:進入開發(fā)版小程序,進入右上角更多按鈕,點擊「顯示性能窗口」。

image

性能面板指標(biāo)說明

指標(biāo) 說明
CPU 小程序進程的 CPU 占用率,僅 Android 下提供
內(nèi)存 小程序進程的內(nèi)存占用(Total Pss),僅 Android 下提供
啟動耗時 小程序啟動總耗時
下載耗時 小程序包下載耗時,首次打開或資源包需更新時會進行下載
頁面切換耗時 小程序頁面切換的耗時
幀率/FPS
首次渲染耗時 頁面首次渲染的耗時
再次渲染耗時 頁面再次渲染的耗時(通常由開發(fā)者的 setData 操作觸發(fā))
數(shù)據(jù)緩存 小程序通過 Storage 接口儲存的緩存大小


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號