Engaging Ecommerce with the Visual Web

on YouTube ↗42m

" summary

Shows a concrete pipeline: deploy site to Netlify, install a Cloudinary Netlify plugin that rewrites on‑page HTML to Cloudinary fetch URLs, and let Cloudinary serve optimized auto format/quality images. Real results: example pages shrink from 652 KB to 143 KB and individual images drop ~566 KB to 186 KB. Demonstrates programmatic product image generation (tshirt underlay, positioning, displacement maps) and cites eBay’s 0.5% conversion bump per 100 ms speed gain.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 1:07Visual media in ecommerce
3. 3:12Future of digital shopping
4. 5:35Practical media upgrades
5. 7:17Developer perspective on media
6. 9:44Optimizing media delivery
7. 13:59Real-world image optimization
8. 22:42Programmatic image generation
9. 31:09Course and resources
10. 31:51Q&A on accessibility

" related talks

• 31mEngaging Ecommerce with the Visual WebColby Fayock · DevReach 2022
• 25mEngaging Ecommerce with the Visual WebColby Fayock · CityJS Conference São Paulo 2022
• 43mEveryone Wins When You Optimize MediaColby Fayock · TheJam.dev 2023
• 44mImage Optimization for eCommerce websitesJack Levin · code.talks 2017
• 24mNuxt ImageDebbie O'Brien · Nuxt Nation 2021
• 26mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · You Gotta Love Frontend 2019
• 25mDelivering Fast and Beautiful Images and VideoDoug Sillars · WebCamp Zagreb 2018
• 30mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · DevDays Europe 2019