性能常见问题

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

• 哪些性能仪表板包含与 Flutter 相关的指标？
  • Appspot 上的 Flutter 仪表板
  • Flutter Skia 仪表板
  • Flutter 引擎 Skia 仪表板

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

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

• 我的 Flutter 应用出现卡顿或抖动。我该如何解决？
  • 提升渲染性能

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

• 如何判断我的 Flutter 应用中哪些小部件在每个帧中重建了？
  • 在 widgets/debug.dart 中将 debugProfileBuildsEnabled 设置为 true。
  • 或者，更改 widgets/framework.dart 中的 performRebuild 函数，使其忽略 debugProfileBuildsEnabled 并始终调用 Timeline.startSync(...)/finish。
  • 如果您使用 IntelliJ，可以查看此数据的 GUI 视图。选择 Track widget rebuilds，您的 IDE 会显示哪些小部件正在重建。

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

• 如何解决 Dart 昂贵的异步函数调用阻塞 UI 线程导致的应用动画卡顿问题？
  • 使用 compute() 方法生成另一个 isolate，如 后台解析 JSON 烹饪手册中所示。

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

• 如何查看 Flutter 引擎大小的细分？
  • 访问 二进制文件大小仪表板，并将 URL 中的 git 哈希替换为 Flutter 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 跟踪指南