注冊

微信小程序性能優(yōu)化,小程序Trace 導(dǎo)出工具

2017-12-25
導(dǎo)讀:微信 Andoid 6.5.10 開始,我們提供了 Trace 導(dǎo)出工具,開發(fā)者可以在開發(fā)者工具 Trace Panel 中使用該功能。 使用方法 PC 上需要先安裝 adb 工具,可以參考一些主流教程進(jìn)行安裝,Mac 上可使用...

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

使用方法

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

可以通過adb devices命令確定設(shè)備是否已和 PC 建立起連接

微信小程序性能優(yōu)化,小程序Trace 導(dǎo)出工具

性能面板

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

微信小程序性能優(yōu)化,小程序Trace 導(dǎo)出工具

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

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

第一部分:小商店是什么

第二部分:如何開通一個小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)