提升渲染性能

在应用程序中渲染动画是衡量性能时最常被提及的主题之一。部分得益于 Flutter 的 Skia 引擎及其快速创建和销毁 widget 的能力，Flutter 应用程序默认情况下具有良好的性能，因此您只需避免常见的陷阱即可获得出色的性能。

如果您看到卡顿（不流畅）的动画，请**确保**您使用以 profile 模式构建的应用程序来分析性能。默认的 Flutter 构建会创建以 debug 模式运行的应用程序，这并不能反映发布版性能。有关信息，请参阅 Flutter 的构建模式。

一些常见的陷阱

• 每帧重建的 UI 比预期多得多。要跟踪 widget 重建，请参阅 显示性能数据。
• 直接构建大量子元素，而不是使用 ListView。

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

• 性能最佳实践
• Flutter 性能分析

您是否在移动应用程序上注意到明显的卡顿，但仅在动画首次运行时出现？如果是，请参阅 减少移动设备上着色器动画的卡顿。

以下系列文章介绍了 Flutter Material 团队在提升 Flutter Gallery 应用程序 Web 端性能时学到的知识

• 使用 tree shaking 和延迟加载优化 Flutter Web 应用程序性能
• 使用图像占位符、预缓存和禁用导航过渡来提升感知性能
• 构建高性能的 Flutter widget

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