微信小程序开发 专题
专题目录
您的位置:微信小程序开发 > 微信小程序开发专题 > 微信小程序 性能Trace工具
微信小程序 性能Trace工具
作者:--    发布时间:2019-11-20

微信 andoid 6.5.10 开始,我们提供了 trace 导出工具,开发者可以在开发者工具 trace panel 中使用该功能。

  1. pc 上需要先安装adb工具,可以参考一些主流教程进行安装,mac 上可使用 brew 直接安装。
  2. 确定adb工具已成功安装后,在开发者工具上打开 trace panel,将 android 手机通过 usb 连接上 pc,点击「choose devices」,此时手机上可能弹出连接授权框,请点击「允许」。
  3. 选择设备后,在手机上打开你需要调试的开发版小程序,通过右上角菜单,打开性能监控面板,重启小程序;
  4. 重启后,在小程序上进行操作,完成操作后,通过右上角菜单,导出 trace 数据;
  5. 此时开发者工具 trace panel 上会自动拉取 trace 文件,选择你要分析的 trace 文件即可;

可以通过adb devices命令确定设备是否已和 pc 建立起连接

image

性能面板

从微信 6.5.8 开始,我们提供了性能面板让开发者了解小程序的性能。开发者可以在开发版小程序下打开性能面板,打开方法:进入开发版小程序,进入右上角更多按钮,点击「显示性能窗口」。

image

性能面板指标说明

指标说明
cpu小程序进程的 cpu 占用率,仅 android 下提供
内存小程序进程的内存占用(total pss),仅 android 下提供
启动耗时小程序启动总耗时
下载耗时小程序包下载耗时,首次打开或资源包需更新时会进行下载
页面切换耗时小程序页面切换的耗时
帧率/fps 
首次渲染耗时页面次首次渲染的耗时
再次渲染耗时页面再次渲染的耗时(通常由开发者的 setdata 操作触发)
数据缓存小程序通过 storage 接口储存的缓存大小
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册