教程 框架 组件 接口 工具 其他

性能面板工具 1100+

1100版本开始,快应用引擎提供性能面板功能,帮助开发者更好地了解快应用性能,从而开发出更高质量的快应用程序。此外,性能面板也为开发者提供了一些实用便捷的小功能。

使用 1100 或更高版本的调试器,当目标引擎版本不低于 1100 时,将显示性能面板勾选框,勾选后即可开启性能面板。

性能面板指标说明

指标说明
FPS流畅度指标,越接近于设备屏幕刷新率,表示越流畅
MEM快应用进程的内存占用(Total Pss)
API接口调用频率
CPU快应用进程的 CPU 使用率
PageTime快应用页面创建的耗时

性能面板指标展示

功能介绍

告警提示

运行时检查组件和接口是否使用合理,给出一些性能优化方面的建议,包括:

  • <image> 组件设置的图片源不宜过大,过大图片的定义:原始像素数 > 使用像素数 * 2
  • 启动阶段屏幕可见区域外渲染元素数量不宜过多,建议不超过总元素数量的一半
  • 检查<list> 组件使用是否合理,不同 DOM 结构的 子组件<list-item> 不应该设置相同的 type 属性
  • 页面创建阶段接口调用次数不宜过多,建议不超过 40 次
  • 页面元素层级数不宜过大,DOM 层级数建议不大于 14,原生 view 层级数建议不大于 20

告警提示

3D 视图

页面的 3D 层级视图,可直观地观察当前页面的层级结构和渲染区域:

3D视图

元素审查

查看 DOM 树结构,以及单个 DOM 元素的样式和属性信息,点击后可高亮显示元素对应的视图:

元素审查

日志面板

在移动端即可展示快应用进程的日志输出,包含 js 日志和其他原生端日志,并提供基本的等级过滤和关键词过滤功能:

日志面板

网络面板

在移动端即可展示快应用所发生的网络请求信息,包括请求地址、请求方法、返回内容、耗时、图片预览等:

网络面板总览 网络面板详情

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容