Rendering animations in your app is one of the most cited topics of interest when it comes to measuring performance. Thanks in part to Flutter's Skia engine and its ability to quickly create and dispose of widgets, Flutter applications are performant by default, so you only need to avoid common pitfalls to achieve excellent performance.

If you see janky (non-smooth) animations, makesure that you are profiling performance with an app built inprofile mode. The default Flutter build creates an app indebug mode, which is not indicative of release performance. For information, seeFlutter's build modes.

A couple common pitfalls:

• Rebuilding far more of the UI than expected each frame. To track widget rebuilds, seeShow performance data.
• Building a large list of children directly, rather than using a ListView.

For more information on evaluating performance including information on common pitfalls, see the following docs:

• Performance best practices
• Flutter performance profiling

Do you see noticeable jank on your mobile app, but only on the first run of an animation? To avoid this, make sure you're using Flutter's default graphic renderer,Impeller.

The following series of articles cover what the Flutter Material team learned when improving performance of the Flutter Gallery app on the web:

• Optimizing performance in Flutter web apps with tree shaking and deferred loading
• Improving perceived performance with image placeholders, precaching, and disabled navigation transitions
• Building performant Flutter widgets