Saving the Web, 16ms at a Time
summary
Claim: perceived snappiness matters — target ~50–100ms for input and ~16.5ms per frame for 60fps. Evidence: Amazon study (1s = $1.6B), a medical form abandoned because of a 250ms delay, UI dropping to ~25–30fps. Tools and fixes demonstrated: prefer transforms/opacity and will-change to avoid layout/paint, use CSS sprite-frame animations via steps (GIPHY capture, EDGIF, Photoshop) instead of JS particles, and move heavy work into web workers (with OffscreenCanvas in Chrome) — these changes noticeably restore smoothness.
AI-written summary · about
chapters (8)
- 0:00Intro
- 0:16Josh Comeau
- 4:52Interactions
- 5:41Paper vs Software
- 9:00Animation
- 16:21Code
- 19:23Like Button
- 23:25Tinker Synth
