Engaging Ecommerce with the Visual Web
summary
Demo shows a static Astro site deployed to Netlify, then a Netlify plugin that pipes assets to Cloudinary and switches images to AVIF/WebP or best-fit formats on the fly. A sample page drops from 4.3 MB to 51.2 KB; one beach photo shrinks from 566 KB to 125 KB. The build can use a Cloudinary upload preset to auto-tag via Google Vision AI, add folders, and optimize sizing responsively — measurable wins for Core Web Vitals and conversion (eBay: 0.5% per 100 ms).
AI-written summary · about
chapters (11)
- 0:00Visual media in ecommerce
- 1:56Engaging product experiences
- 3:41Ecommerce in the metaverse
- 4:24Enhance media in ecommerce
- 6:50Developer media optimization
- 10:17Media performance and conversion
- 11:00Image optimization formats
- 13:06Tools for media delivery
- 14:31Demo: Netlify Cloudinary optimization
- 21:55Advanced media optimization
- 29:12Summary resources
related talks
25mEngaging Ecommerce with the Visual Web
42mEngaging Ecommerce with the Visual Web
43mEveryone Wins When You Optimize Media
20mImage Optimization - Quick Win for Improving Performance in Vue & Nuxt Apps
44mImage Optimization for eCommerce websites
45mA picture is worth a thousand…kilobytes.
25mDelivering Fast and Beautiful Images and Video
24mNuxt Image