微信小程序性能测试之Trace工具

一、Trace工具介绍

微信小程序开发工具中提供了trace工具，利用trace工具可时时监控小程序的性能。分析trace文件可获取内存、CPU、fps、启动时间、各函数的执行时间等。

二、环境搭建

1、电脑上安装adb

2 、下载微信小程序开发工具（本人下载的是微信开发工具beta版公测）

三、操作步骤

1、手机与电脑连接（adb devices 可查看连接的设备），手机USB打开调试模式

2、登录微信小程序开发者工具，选择trace，点击Choose Device，如果手机adb连接成功在弹框中可看到连接设备，如下：

3、点击选择设备后会停留在选择trace文件页面，如图：

注意：若手机端无文件上传时会一直搜索中

4、手机端，进入要测的微信小程序中（与开发者工具登录的同一个小程序）；若无关注要测的小程序时，可在开发者工具上点击真机调试，扫码就可关注进入，如下：

5、关注进入后，点击右上角的3个点（...），点击打开性能监控面板（点击监控后要重新登录微信和小程序）

监控前的页面：

打开监控后的页面：

6、在小程序中操作后可导出trace文件（手机与电脑连接）

7、导出后在电脑端就会显示其trace文件，点击可查看测量的性能数据

8、选择需要查看的文件，即可查看所需的性能数据

9、浮动面板功能介绍

9.1、箭头用于选中页面中的数据，选中后在底部展示其具体数据如下：

9.2、十字箭头主要是用来方便移动的

9.3、向下箭头主要是用来缩放的效果

9.4、朝向两边的箭头主要用来查看一段运行的时间

10、获取trace文件

在电脑端下载everything搜索工具，在everything中搜索小程序的APPID即可搜索到保存的临时trace文件进行分析了。

四、性能指标说明