性能面板工具 1100+

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

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

性能面板指标说明

功能介绍

告警提示

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

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

3D 视图

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

元素审查

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

日志面板

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

网络面板

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