Back to course

The Impeller Rendering Pipeline

Flutter 2026: The Impeller & Wasm Masterclass

The Impeller Rendering Pipeline

To achieve 120 FPS, you must understand how a frame is born.

  1. Animate: Update logic based on time.
  2. Build: Build the widget tree (which we will minimize).
  3. Layout: Determine sizes.
  4. Paint: This is where Impeller shines. It records commands into a Display List.
  5. Rasterize: The GPU takes the commands and turns them into pixels.

Unlike Skia, Impeller pre-compiles shaders during build-time, not run-time. This eliminates "first-run jank."