• 【专项测试工具】微信小程序性能分析工具


    背景

    项目上线两个小程序,运营有一段时间了,且版本迭代过程中发现一些性能问题。特从官方Wiki上查找说明,进行测试。近期运营数据如下::

    方案一:性能 Trace 工具

    微信 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 建立起连接

    方案二:性能面板

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

    性能面板指标说明

    方案比较:

    1.优势:以上两种方案各有千秋,前者更适合开发排查,后者更适合开发和测试人员,其可以在手机端直接显示数据

    2.劣势:方案一相对局限于开发者,且强依赖于PC设备。方案二开发和测试人员均可以使用,随摆脱了PC的强依赖,但版本局限于开发版 或者体验版,其需要加权限。还有一种通病,其都是实时,其数据保存和备案相对不方便

    3.其他改良方案:除了前两者方案外,可以采用腾讯的Perfdog进行测试,可以保存数据和回放 ,管理测试用例等。见我之前分享的文章:

    https://blog.csdn.net/jlhx123456/article/details/106311540

    参考文章

    https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tools.html

  • 相关阅读:
    个人破解汇总
    JavaScript学习中的挑战
    18个黑白配色网页设计
    正则表达式常用用法汇总 __西科大C语言
    JS正则表达式大全(整理详细且实用)
    印象最深的三个老师
    pbzip2
    集群接口机存储监控
    vue...扩展符报错
    框架mpvue创建一个小程序
  • 原文地址:https://www.cnblogs.com/haixianglan/p/13942902.html
Copyright © 2020-2023  润新知