跳到主内容

提升渲染性能

如何衡量和评估您的应用程序的渲染性能。

在您的应用程序中渲染动画是衡量性能时最常被提及的话题之一。 归功于 Flutter 的 Skia 引擎及其快速创建和销毁小部件的能力,Flutter 应用程序默认情况下性能良好,因此您只需要避免常见的陷阱即可实现卓越的性能。

通用建议

#

如果您看到卡顿(非流畅)的动画,请确保您正在使用 profile 模式构建的应用程序来分析性能。 默认的 Flutter 构建会创建一个 debug 模式的应用程序,这并不能代表发布性能。 有关信息,请参阅 Flutter 的构建模式

一些常见的陷阱

  • 每次帧都重建比预期多得多的 UI。 要跟踪小部件重建,请参阅 显示性能数据
  • 直接构建大量子小部件,而不是使用 ListView。

有关评估性能的更多信息,包括有关常见陷阱的信息,请参阅以下文档

仅适用于移动端的建议

#

您是否在移动应用程序上看到明显的卡顿,但仅在首次运行动画时出现? 为了避免这种情况,请确保您正在使用 Flutter 的默认图形渲染器,Impeller

仅适用于 Web 的建议

#

以下一系列文章介绍了 Flutter Material 团队在改进 Flutter Gallery 应用程序在 Web 上的性能时所学到的内容