The Virtue of Laziness: Leveraging Incrementality for Faster Web UI
summary
Demonstrates concrete techniques using LitElement and lit-html: batching updates so renders are async, a LazyLitElement that defers scheduleUpdate to setTimeout (demo shows 15 nodes at 50ms each totaling 750ms but painting only when allowed), an urgent path with requestUrgentUpdate to jump to microtask timing for fast hover, a runAsync directive that caches per-key async work and exposes initial/pending/success/error templates, and a PendingContainer mixin that aggregates child promises into a single top‑level spinner — all shown working in live demos.
AI-written summary · about
chapters (4)
- 0:00Start
- 6:12Performance Developer Ergonomics
- 17:07Perform an async operation when data changes
- 21:31Model Async Operation State Build UI for Each State
related talks
42mLazy, but Fast: How Taking It Slow Can Speed Up Your App!
40mCreating Fast-Feeling Web Apps
01h 03mSpeed up your Web Application
38mSecret Shortcuts of Loading Web Performance
24mSuperpowers of browser's Web API
18mThe need for speed - Single-page apps, Optimistic UIs, Reactivity
37mUsing Lit and Web Components to build Single-Page Applications
26mProgressive HTML Rendering 101