DevTools

Profile CPU and widgets with Flutter DevTools.

DevTools

DevTools is the official debugging and profiling tool for Flutter and Dart. The timeline tab shows frame timings, the cpu tab shows CPU usage. It is launched with flutter devtools.

// Terminal
flutter devtools

CPU tab

The cpu tab breaks down CPU time by function; it shows which method consumes the most time. timeline flags slow frames, cpu helps find the source of the slowness.

Exercise Frame rate check

In main, assign 16 (ms) to a const variable named frame. If frame > 16, print 'yavas', otherwise print 'hizli'.

Show example solution

void main() {
  const frame = 16;
  if (frame > 16) {
    print('yavas');
  } else {
    print('hizli');
  }
}

Test yourself

Which tab in DevTools shows frame timings?
- memory
- cpu
- network
- timeline
Show answer

timeline — The timeline tab in DevTools shows the draw time of each frame; the cpu tab shows CPU usage, the memory tab shows memory.
DevTools command
```
flutter ____
```
Show answer
```
flutter devtools
```
DevTools matches

DevTools

Profiling tool
timeline

Frame timings
cpu

CPU usage
flutter devtools

DevTools launch

Next lesson: RepaintBoundary

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies