Impatience is a virtue

on YouTube ↗33m

" summary

Claims a real 240× speedup by fixing images and delivery rather than fuzzy tips: file sizes drop via responsive image formats and re‑encoding, lazy loading prevents hundreds of thumbnails blocking above‑the‑fold, and CDN + edge caching moves bytes closer to users. Concrete tools: Next.js image component, ISR and edge functions for runtime optimization and caching, and compression like Brotli plus HTTP/2/3 produce measurable 7–240× improvements.

AI-written summary · about

" chapters (12)

1. 0:00Impatience matters
2. 2:28Photography to web performance
3. 7:55Measuring performance
4. 11:49What makes apps slow and how to fix it
5. 17:38Protocols and compression
6. 20:08Lazy loading images
7. 22:37Unoptimized data feeds
8. 24:22GraphQL for performance
9. 25:23Middleware and edge functions
10. 27:51Streaming data
11. 30:41Caching database ops
12. 31:46Summary

" related talks

• 30mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · DevDays Europe 2019
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 26mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · You Gotta Love Frontend 2019
• 01h 00mResponsive ImagesPeter Miller, Yov Weiss · Edge Conference 2013 New York
• 25mDelivering Fast and Beautiful Images and VideoDoug Sillars · WebCamp Zagreb 2018
• 46mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · DevFest Nantes 2018
• 27mA primer on performanceUna Kravets · The Lead Developer London 2015
• 46mThink Fast!Mike Butcher · Spotlight Front-End 2014