微信小程序性能優(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 中使用該功能。

使用方法

PC 上需要先安裝adb工具，可以參考一些主流教程進(jìn)行安裝，Mac 上可使用 brew 直接安裝。
確定adb工具已成功安裝后，在開發(fā)者工具上打開 Trace Panel，將 Android 手機(jī)通過 USB 連接上 PC，點(diǎn)擊「Choose Devices」，此時手機(jī)上可能彈出連接授權(quán)框，請點(diǎn)擊「允許」。
選擇設(shè)備后，在手機(jī)上打開你需要調(diào)試的開發(fā)版小程序，通過右上角菜單，打開性能監(jiān)控面板，重啟小程序；
重啟后，在小程序上進(jìn)行操作，完成操作后，通過右上角菜單，導(dǎo)出 Trace 數(shù)據(jù)；
此時開發(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)	說明
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小程序。

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