FPS 性能检测
FPS(Frames Per Second,每秒帧数)性能检测用于观察页面在运行过程中的流畅度,适合排查滑动卡顿、动画掉帧、操作响应不顺畅等问题。
打开方式
- 在真机上进入需要检测的页面。
- 进入调试工具:
- iOS:点击右上角的
...按钮,在底部弹层中点击 调试工具。 - Android:长按右上角的 X 按钮,弹出 App 基础信息面板,点击下方的 打开调试 按钮。
- iOS:点击右上角的
- 在调试工具菜单中点击 打开vConsole工具。
- 找到Perf 栏,点击 "Open FPS monitor" 即可开启性能监测。
- 在页面上执行滚动、切换、动画、拖拽等操作,观察帧率变化。
适用场景
- 列表滑动时出现明显卡顿
- 动画播放不流畅
- 高频交互场景掉帧
- 优化前后需要对比运行时流畅度
重点关注指标
更多指标请查看调试指南
结果判断建议
- FPS 长时间偏低:通常说明页面整体渲染负担较重。
- 滚动时 FPS 明显下降:优先检查长列表渲染、节点数量、重复渲染问题。
- 动画过程中 FPS 明显下降:优先检查动画是否由频繁的数据更新驱动,是否可以改为更轻量的动画方案。
- 特定操作时瞬时掉帧:通常与同步计算、批量更新或大数据处理有关。
如果已经定位到问题,可以继续参考以下文档: