Slides About Slides
summary
Builds a lightweight web slideshow called stage‑right/stage‑fright and demonstrates concrete gains: swaps animated GIFs for HTML5 video, cuts initial payload from ~21 MB to 910 KB, drops main‑thread work by ~2.5 s and input latency by ~400 ms. Uses an HTML‑first progressive‑enhancement pipeline with JavaScript modules, preload hints, IntersectionObserver, service workers via Workbox, plus minimal state hydration and code‑splitting to prove the approach actually works.
AI-written summary · about
chapters (8)
- 0:00Start
- 4:19Principles of Progressive Enhancement
- 9:18Cutting the Mustard
- 10:55Javascript Modules
- 17:51Intersexual Observer
- 18:20Lazy Loading
- 19:33Magic Tricks with Houdini
- 23:54Coach Blending
related talks
40mBuilding a scalable CSS-only slideshow in 1024 Bytes
01h 02mKeynote. New Adventures in Front-End, Season 2
49mRendering without lumpy bits
37mPractical Web Animation
32mSlide... – Presentations with SvelteKit & PartyKit
44mLet's compose this presentation!
26mProgressive HTML Rendering 101
56mBoosting Web Performance in 2022