性能常见问题

本页收集了一些关于评估和调试Flutter性能的常见问题。

• 哪些性能面板具有与Flutter相关的指标？
  • appspot上的Flutter面板
  • Flutter Skia面板
  • Flutter Engine Skia面板

• 如何向Flutter添加基准测试？
  • 如何为Flutter编写渲染速度测试
  • 如何为Flutter编写内存测试

• 有哪些用于捕获和分析性能指标的工具？
  • Dart/Flutter DevTools
  • Apple Instruments
  • Linux perf
  • Chrome追踪 (在你的Chrome URL栏输入about:tracing)
  • Android systrace (adb systrace)
  • Fuchsia fx traceutil
  • Perfetto
  • speedscope

• 我的Flutter应用看起来卡顿或卡涩。如何修复它？
  • 改进渲染性能

• 我需要注意哪些代价高昂的性能操作？
  • Opacity, Clip.antiAliasWithSaveLayer, 或任何触发saveLayer 的操作
  • ImageFilter
  • 另请参阅性能最佳实践

• 如何判断我的Flutter应用中哪些widget在每一帧中都被重建？
  • 在widgets/debug.dart中将debugProfileBuildsEnabled设置为true。
  • 或者，更改widgets/framework.dart中的performRebuild函数以忽略debugProfileBuildsEnabled并始终调用Timeline.startSync(...)/finish。
  • 如果你使用IntelliJ，则可以使用此数据的GUI视图。选择跟踪widget重建，你的IDE将显示哪些widget进行了重建。

• 如何查询目标帧率（显示器的帧率）？
  • 获取显示器刷新率

• 如何解决我的应用由于代价高昂的Dart异步函数调用阻塞UI线程而导致的动画效果差的问题？
  • 使用compute()方法生成另一个isolate，如在后台解析JSON食谱中所示。

• 如何确定用户将下载的Flutter应用程序的包大小？
  • 请参阅测量应用程序大小

• 如何查看Flutter引擎大小的细分？
  • 访问二进制大小面板，并将URL中的git哈希替换为GitHub引擎存储库提交中的最新提交哈希。

• 如何截取正在运行的应用程序的屏幕截图并将其导出为SKP文件？
  • 运行flutter screenshot --type=skia --observatory-uri=...
  • 注意一个已知的查看屏幕截图的问题：
    • 问题21237：不记录真实设备中的图像。
  • 要分析和可视化SKP文件，请查看Skia WASM调试器。

• 如何从设备检索着色器持久缓存？

  • 在Android上，您可以执行以下操作：

    adb shell
    run-as <com.your_app_package_name>
    cp <your_folder> <some_public_folder, e.g., /sdcard> -r
    adb pull <some_public_folder/your_folder>

• 如何在Fuchsia中执行跟踪？

  • 请参阅Fuchsia跟踪指南

除非另有说明，否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。