Improving rendering performance

General advice

Mobile-only advice

Web-only advice

Note:
  To learn how to use the Performance View
  (part of Flutter DevTools)
  for debugging performance issues,
  see Using the Performance view.

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.

General advice

If you see janky (non smooth) animations, make
sure that you are profiling performance with an
app built in profile mode.
The default Flutter build creates an app in debug mode,
which is not indicative of release performance.
For information,
see Flutter’s build modes.

A couple common pitfalls: