性能常见问题

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

• 哪些性能仪表板包含与 Flutter 相关的指标？
  • Flutter appspot 仪表板
  • 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 应用在每一帧中重建了哪些小部件？
  • 在 widgets/debug.dart 中将 debugProfileBuildsEnabled 设置为 true。
  • 或者，更改 widgets/framework.dart 中的 performRebuild 函数，使其忽略 debugProfileBuildsEnabled 并始终调用 Timeline.startSync(...)/finish。
  • 如果您使用 IntelliJ，则可以使用 GUI 视图查看此数据。选择 跟踪小部件重建，您的 IDE 将显示哪些小部件被重建。

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

• 如何解决我的应用因耗时的 Dart 异步函数调用阻塞 UI 线程而导致的动画效果不佳的问题？
  • 使用 compute() 方法生成另一个隔离体，如 后台解析 JSON 食谱所示。

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

• 如何查看 Flutter 引擎的大小分解？
  • 访问 二进制大小仪表板，并将 URL 中的 git 哈希替换为来自 Flutter 的 GitHub 提交 的最新提交哈希。

• 如何截取正在运行的应用的屏幕截图并将其导出为 SKP 文件？
  • 运行 flutter screenshot --type=skia --observatory-uri=...
  • 请注意屏幕截图的一个已知问题
    • Issue 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>
    

    content_copy

• 如何执行 Fuchsia 中的跟踪？

  • 请参阅 Fuchsia 跟踪指南