这是我参与2022首次更文挑战的第36天,活动详情查看:2022首次更文挑战
显示性能数据
在 Debug 模式下启动应用后,使用 打开性能工具窗口,以查看性能数据以及 widget 的 rebuild 信息。
widget 的重载信息只在 debug 版本中可用,在真机上使用分析构建 (profile build) 进行应用性能分析,使用调试构建 (debug build) 进行性能问题调试。
提示和技巧
Flutter的几个性能指标
-
第一帧的启动时间
- 当 WidgetsBinding.instance.firstFrameRasterized 为 true 时查看耗时。
- 查看 性能数据看板。
-
一帧的构建时间,栅格化时间,以及总时间
- 在 API 文档中查看
FrameTiming。
- 在 API 文档中查看
-
一帧的构建时间
buildDuration(*_frame_build_time_millis)- 我们建议监测四个数据:平均值、90 分位值、99 分位值和最差帧构建时间。
- 例如,查看
flutter_gallery__transition_perf测试案例中的 构建数据 。
-
一帧的栅格化时间
rasterDuration(*_frame_build_time_millis)- 我们建议监测四个数据:平均值、90 分位值、99 分位值和最差帧构建时间。
- 例如,查看
flutter_gallery__transition_perf测试案例中的 栅格化数据 。
-
CPU/GPU 的使用情况(一个可以近似衡量功耗的指标)
- 该数据目前仅能通过跟踪事件获取。查看 profiling_summarizer.dart 。
- 查看
simple_animation_perf_ios测试案例中的 CPU/GPU 数据。
-
release_size_bytes 对 Flutter 应用程序的大小进行估算
减少应用大小
- 删除无用的资源
- 尽量减少从库中引入的资源
- 压缩 PNG 和 JPEG 文件
- so 优化大法
- 混淆