如何通过Expo性能面板判断应用性能？掉帧升高是否正常阈值是多少？

通过Expo性能面板判断性能优劣的标准 #

• 核心看两个帧率指标：JS线程帧率、UI主线程帧率，常规60Hz屏幕下稳定在58_{60fps*、120Hz高刷屏稳定在*115}120fps为优秀状态，帧率波动幅度不超过5fps属于可接受范围
• 掉帧数（Dropped frames）指标：无任何交互的静置页面中，掉帧数应长期保持0增长；执行滑动、切换页面、触发动画等操作时，单次操作结束后掉帧数停止上涨，无持续爬升情况
• 内存指标：页面切换、交互执行后内存会有合理回落，不会出现只涨不降的持续爬升情况

性能监视器掉帧持续升高的合理性判断与阈值标准 #

• 首先明确：无交互前提下每隔几秒掉帧数持续升高不属于正常现象，首先可先排除开发模式的额外影响：expo-dev-client开发环境默认开启的热更新、调试日志、Dev工具监听会带来额外性能消耗，建议打Release包复测后再判断是否是业务代码问题
• 掉帧阈值参考：
  • 静态静置场景：1分钟内掉帧数超过5帧，说明存在后台冗余执行逻辑，常见原因包括未销毁的定时器、全局事件监听、无意义的周期性重渲染
  • 交互操作场景：单次滑动、页面切换、动画执行过程中掉帧数不超过10帧属于可接受范围，超过20帧会出现肉眼可感知的卡顿
  • 长时间使用场景：连续运行30分钟累计掉帧数不超过200帧属于正常范围，超过该值大概率存在内存泄漏或者后台常驻的冗余任务

内容的提问来源于stack exchange，提问作者MidoLL