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

一、Trace工具介绍

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

二、环境搭建

1、电脑上安装adb

 链接：https://pan.baidu.com/s/1SKu24yyShwg16lyIupO5VA 提取码：ih0i

2、安装node.js官方下载

3、下载安装微信开发者工具微信小程序官方

三、操作步骤

• 电脑上安装adb，打开命令窗口进入解压目录，我的地址是：D:\ADB，输入：adb version 检查是否安装成功
  
  2、手机与电脑连接,手机USB打开调试模式
• 以小米手机为例:手机用数据线连接至电脑;手机设置->我的设备->全部参数->MIUI版本连续点击多次直到出现您已处于开发者模式->重新回到设置->更多设置->开发者选项->允许USB调试
• 其他手机型号可以百度查询~
• 检验手机和电脑是否连接成功（命令： adb devices）
  
  具体操作步骤：
  1、登录微信小程序开发者工具->小程序->点击加号导入项目代码；或者选择测试号（demo）进入
  
  Choose Device，如果手机adb连接成功在弹框中可看到连接设备!
  

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

3、手机进入小程序后，打开性能监控面板（点击监控后要重新登录微信和小程序）


4、打开性能监控面板之后我们可以看到如下图。在小程序中操作后可导出trace文件（手机与电脑连接）

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

6、选择需要查看的文件，即可查看所需的性能数据
7、选中后在底部展示其具体数据如下：

小程序上的性能指标说明:

本文学习参考网址：https://blog.csdn.net/weixin_42359436/article/details/106691241?ops_request_misc=%25257B%252522request%25255Fid%252522%25253A%252522161052308716780271559457%252522%25252C%252522scm%252522%25253A%25252220140713.130102334.pc%25255Fall.%252522%25257D&request_id=161052308716780271559457&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allfirst_rank_v2~rank_v29-4-106691241.pc_search_result_no_baidu_js&utm_term=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%80%A7%E8%83%BD%E6%B5%8B%E8%AF%95-Trace%E5%B7%A5%E5%85%B7