Rendering without lumpy bits
summary
Slides and demos show concrete fixes: avoid layout thrashing by batching reads before writes, measure with Chrome Timeline and paint rectangles, and aim for the 60Hz deadline of 16.67 milliseconds. Replace setInterval with requestAnimationFrame for smooth frames, use GPU layers (e.g. translateZ) to offload transforms, and watch GPU memory on mobile. FT fastclick removes the 300ms tap delay. Numbers, tools, and before/after timelines prove which changes actually work.
AI-written summary · about
chapters (6)
- 0:00Start
- 9:04LAYOUT THRASHING
- 10:34REQUIRES LAYOUT
- 21:04THE TAP DELAY
- 28:06SCHEDULING
- 46:07TRIGGERS LAYERS
related talks
30mFast but not furious: debugging user interaction performance issues
59mRendering Performance
27mSmooth Moves: Rendering at the Speed of Right ®
58mRendering performance from the ground up
37mRendering performance inside out
39mPerformance Beyond Page Load
33mSaving the Web 16 Milliseconds at a Time
43mNo More Jank: Escaping the Matrix of Frame Drops