Fast and Beautiful: Modern Image Delivery Techniques
summary
Images account for about half of mobile page weight, and fixing four concrete things speeds pages: 85% quality compression (lighthouse recommends it; a third of sites fail and the median fail could save ~2.8s and 420KB), switching formats to web P (saves ~500–600KB and ~4s on median failing sites), and generating appropriately sized variants with tools like responsive breakpoint (reduces decode cost on slow CPUs). Lazy loading, converting GIFs to short MP4s, and using Cloud Neri-like services add further real, measurable wins.
AI-written summary · about
chapters (13)
- 0:00Start
- 6:48te Quality vs. File Size
- 7:52e Image Optimizations
- 8:12Vector Graphics (SVG)
- 10:15Formats - PNGS
- 10:56Formats - Screenshots - JPG
- 11:52mat: WebP
- 12:56Format Use "In The Wild"
- 16:00Sizing
- 19:57ading: Chrome Experiments
- 23:19GIFs: Social Media
- 23:48GIFs: as Video!
- 27:40um 2: Network Info
related talks
36mFast and Beautiful: Modern Image Delivery Techniques
46mFast and Beautiful Modern Image Delivery Techniques
26mFast and Beautiful Modern Image Delivery Techniques
48mFast and Beautiful: Modern Image Delivery Techniques
25mDelivering Fast and Beautiful Images and Video
29mSpeed Essentials: Key Techniques for Fast Websites
31mDelivering Fast and Beautiful Images and Video
41mMaking The Mobile Website Faster