⚡️ FEDC 2018 - Eric Portis
summary
Talk argues that perceived load time improves by handling the gap after layout but before images arrive, and shows concrete techniques and tools: reserve layout space to avoid jank, inline tiny image or pick predominant color as placeholders, and use SVG/SQIP-style silhouettes. Notes about tooling: nearly 700 lazy-loading libraries exist, recommends lazysizes for responsive images (data-sizes=auto) and a few ultra-small loaders for minimal overhead. Also proposes anchor fallbacks for failed loads and off-main-thread generation of placeholders; these approaches are practical and proven in experiments.
AI-written summary · about
chapters (7)
- 0:00Introduction and welcome
- 1:05Speaker background and work
- 5:26Talk focus on lazy loading images
- 8:27Handling placeholders and tools
- 9:32Pain points in lazy loading
- 13:17Art background and inspiration
- 19:07Talk recap and closing
