The image problem of the web and how to solve it…
summary
Argues the web is fat — the average page ships 1.4 MB of images — and shows concrete fixes: use picture element and srcset for responsive delivery, run automated lossless tools (ImageOptim), extract JPEG thumbnails and dominant colors for placeholders, and offload smart crops to services like Cloudinary. Demonstrations include proxy browsers (Opera Mini), Facebook 2G Tuesdays, and machine vision (Microsoft Cognitive Services, CaptionBot) for auto-tagging and accessibility so images load smaller and carry usable metadata.
AI-written summary · about
chapters (13)
- 0:00Intro
- 3:53THE AVERAGE WEB SITE...
- 11:42THE WEB WORLD IS MUCH BIGGER THAN OUR ENVIRONMENT AND GROWTH HAPPENS OUTSIDE IT..
- 12:13SURGICAL SOLUTIONS: PROXY BROWSERS AND CLOUD SERVICES
- 15:21BETTER BROWSERS WITH RESPONSIVE IMAGE SUPPORT
- 16:17MEDIA QUERIES LOAD EVERYTHING
- 21:51AUTOMATED TOOLS FOR LOSSLESS IMAGE OPTIMISATION
- 23:43FILE LEVEL ACCESS ON IMAGES TO EXTRACT METADATA
- 27:40SCRIPTING SOLUTIONS FOR FALLBACK CONTENT
- 28:39BLUR-UP TECHNIQUE AND LAZY LOADING...
- 31:11INTELLIGENT IMAGE RESIZING BY HAND OR WITH CLOUD SERVICES
- 35:50AUTOMATED TAGGING USING MACHINE LEARNING CLOUD SERVICES
- 39:43BONUS ROUND DEMOS USING THESE SERVICES...
related talks
47mThe image problem of the web and how to solve it with AI
30mFast and Beautiful: Modern Image Delivery Techniques
36mFast and Beautiful: Modern Image Delivery Techniques
25mDelivering Fast and Beautiful Images and Video
01h 05mShrink The Web: How To Get Happier By Removing Crap
48mShrink The Web: How To Get Happier By Removing Crap
44mThe 5 Challenges to Images Delivery on the Web Today
26mFast and Beautiful Modern Image Delivery Techniques