Using the Performance view

Tools

DevTools

Using the Performance view

Basic performance concepts

What is the Performance view?
What is a frame in Flutter?

Flutter frames chart

UI
Raster
Jank (slow frame)
Shader compilation

Timeline events chart

Enhance tracing

Track widget builds
Track layouts
Track paints

More debugging options

Import and export

Other resources

Note:
  The performance view works with Dart CLI and mobile apps only.
  Use Chrome DevTools to generate timeline events
  for a web app.

Basic performance concepts

What is the Performance view?

The performance view offers timing and performance information for activity in
your application. It consists of three parts, each increasing in granularity.

Flutter frames chart (Flutter apps only)