Learn to diagnose and optimise Flutter app performance using DevTools, the widget inspector, the performance overlay and rebuild profiling. You will hunt down jank, apply const constructors and RepaintBoundary correctly, and shrink both memory and app size — so you can honestly own the duty of making a Flutter app fast.
Watch the free preview
Getting started with Flutter DevTools — free to watch, no account needed.
What you'll learn
- Diagnose and optimise app performance using Flutter DevTools end to end
- Read the performance overlay and identify UI-thread versus raster-thread bottlenecks
- Profile widget rebuilds and cut them with const constructors and targeted state
- Eliminate jank from expensive builds, layout, shaders and blocking work
- Reduce memory footprint, decode images efficiently and shrink release app size
Syllabus
Flutter DevTools and the Widget Inspector
Getting started with Flutter DevToolsFree preview
The Widget Inspector and layout explorer
Measuring the Frame Budget
The performance overlay and the frame budget
Rebuild profiling and const constructors
Eliminating Jank
Diagnosing and avoiding jank in builds and layout
Shader jank and moving heavy work to isolates
Memory, Images and App Size
Memory profiling and image optimisation
Reducing release app size
Lab — 10 Exercises & Solutions
Exercises 1–5
Exercises 6–10