Faster websites: integrating next-gen images in your...
summary
Claims a consistent saves ~1s load time by switching image assets to WebP, reports typical 30–40% size reduction with handpicked cases up to 90% smaller, and shows end-to-end Rails tooling: a new gem that hooks into assets:precompile for static files and provides helpers for Active Storage and CarrierWave dynamic assets plus a picture_tag helper that emits multiple source elements so browsers pick the optimal format.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:48Next-gen image formats matter
- 4:18Faster image loading benefits
- 9:19WebP and AVIF savings
- 12:10WebP in Rails projects
- 15:18Challenges with Rails solutions
- 18:50Custom Rails solution
- 21:19Static assets to WebP
- 23:06Dynamic images in Active Storage
- 23:50Picture tag helper
- 26:00Results and gains
- 27:06Try the solution
related talks
25mDelivering Fast and Beautiful Images and Video
48mFast and Beautiful: Modern Image Delivery Techniques
46mFast and Beautiful Modern Image Delivery Techniques
30mFast and Beautiful: Modern Image Delivery Techniques
26mFast and Beautiful Modern Image Delivery Techniques
29mSpeed Essentials: Key Techniques for Fast Websites
36mFast and Beautiful: Modern Image Delivery Techniques
33mImpatience is a virtue