面板性能工具
Posted: 2024年 Nov 11日 16:44
面板性能一直是我们关注的重点，为了便于开发者感知当前面板的性能，我们提供了性能工具以直观展示当前面板的运行性能。
环境要求
- 目前仅iOS支持，安卓后续开放
- OEM：5.17.0基线及以上
- 业务包：5.17.0版本及以上
使用方式
面板性能工具同时支持RN面板和小程序面板，两者的使用方式有所不同。
打开性能工具
小程序面板
使用Debug包或者扫码体验版小程序，打开小程序后，长按右上角X按钮，点击调试工具，选择打开性能工具即可。
RN面板
RN面板需要通过小程序面板打开，当在小程序面板打开后，重新打开RN面板后，性能工具就会展示。
关闭性能工具
使用Debug包或者扫码体验版小程序，打开小程序后，长按右上角X按钮，点击调试工具，选择关闭性能工具即可。关闭之后RN面板和小程序面板都不再展示性能工具。
展示效果
指标介绍
目前的性能工具支持以下指标，相关描述如下
| 指标名称 | 描述 | 备注 |
|---|---|---|
| 启动耗时 | 从点击打开面板到页面渲染出数据的耗时 | |
| 下载耗时 | 首次打开面板时的资源耗时 | 仅首次打开时有 |
| 准备阶段耗时 | 从点击打开面板到资源准备完成的耗时 | |
| 页面渲染耗时 | 资源准备完成到页面渲染出数据的耗时 | |
| 帧率 | 当前页面的实时帧率 | |
| 平均帧率 | 当前面板的平均帧率 | |
| CPU | App的实时CPU占比 | |
| Memeory | App的实时内存占用 |
除了以上指标外，面板也可以主动上报自定义指标。具体可通过如下方式：
- 依赖BizKit>=4.10.4
- 调用
ty.performanceEvent- launchData: 以点击小程序的时间为起点，到调用performanceEvent方法的时间为终点自动计算耗时
- perfData: 自定义性能数据，会以key-value的形式展示在性能工具中
Code: Select all
ty.performanceEvent({
launchData: 'bizData',
perfData: {
'key': 'value'
},
success: function (res) {
console.log('success', res)
},
fail: function (res) {
console.log('fail', res)
}
})