~/talk

Mastering Flutter Web

on YouTube 40m
Talkat droidcon London 2022 · 2022-10-27..10-28· [flutter, web-platform]

speaker

name:Joachim Böhmer
links:none on file

resources

video:https://youtu.be/ipzdo7jx5YE
slides:none on file

summary

Rewrote a 10-year-old mobile game in Flutter to use one shared codebase across Android iOS web, measured bundle sizes (HTML renderer ~380 KB transfer, CanvasKit runtime ~2.9 MB transfer) and found HTML DOM-heavy rendering caused jank, switched to canvas kit renderer for native‑like performance, added a preloader mechanism for assets and shader warmups, implemented device clustering to drop decorations for low‑end GPUs, and recovered playability while noting about 3% users blocked by WASM ad blockers.

AI-written summary · about

chapters (7)

  1. 0:00Introduction and background
  2. 7:58Flutter web renderers overview
  3. 17:29Switching to Canvas Kit renderer
  4. 24:11Preloading assets for performance
  5. 28:02Fixing animation jank issues
  6. 32:38Future optimizations and improvements
  7. 37:38Summary and final thoughts

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.