Flutter关于性能数据的几个知识点

823 阅读1分钟

这是我参与2022首次更文挑战的第36天,活动详情查看:2022首次更文挑战

显示性能数据

Debug 模式下启动应用后,使用 打开性能工具窗口,以查看性能数据以及 widget 的 rebuild 信息。

Flutter performance window

image.png

image.png

widget 的重载信息只在 debug 版本中可用,在真机上使用分析构建 (profile build) 进行应用性能分析,使用调试构建 (debug build) 进行性能问题调试。

提示和技巧

image-20220220102536729

Flutter的几个性能指标

  • 第一帧的启动时间

  • 一帧的构建时间,栅格化时间,以及总时间

  • 一帧的构建时间 buildDuration (*_frame_build_time_millis)

    • 我们建议监测四个数据:平均值、90 分位值、99 分位值和最差帧构建时间。
    • 例如,查看 flutter_gallery__transition_perf 测试案例中的 构建数据
  • 一帧的栅格化时间 rasterDuration (*_frame_build_time_millis)

    • 我们建议监测四个数据:平均值、90 分位值、99 分位值和最差帧构建时间。
    • 例如,查看 flutter_gallery__transition_perf 测试案例中的 栅格化数据
  • CPU/GPU 的使用情况(一个可以近似衡量功耗的指标)

  • release_size_bytes 对 Flutter 应用程序的大小进行估算

    • 查看数据看板中的 体积大小 数据。
    • 有关如何更精确的测量应用体积信息,查看 应用体积 页面。

减少应用大小

  • 删除无用的资源
  • 尽量减少从库中引入的资源
  • 压缩 PNG 和 JPEG 文件
  • so 优化大法
  • 混淆

参考链接