Engaging Ecommerce with the Visual Web

on YouTube ↗25m

" summary

Shows that richer visual ecommerce increases engagement only if media delivery is optimized, then demonstrates a working pipeline: an Astro demo deployed to Netlify, installing the Cloudinary Netlify plugin converts JPEGs to AVIF images and cuts payloads (example: 652KB down to 143KB) and reduces load time. Mentions modern formats (WebP/AVIF), responsive breakpoints, zoom libraries and shoppable video ideas, and cites eBay’s 100ms improvement → 0.5% conversion lift.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to visual ecommerce
2. 1:49Creative media in ecommerce
3. 3:56Future of ecommerce media
4. 7:09Developer perspective on media
5. 11:00Optimizing media for performance
6. 15:55Demo of image optimization
7. 23:16Summary and resources

" related talks

• 31mEngaging Ecommerce with the Visual WebColby Fayock · DevReach 2022
• 42mEngaging Ecommerce with the Visual WebColby Fayock · TheJam.dev 2022
• 44mImage Optimization for eCommerce websitesJack Levin · code.talks 2017
• 20mImage Optimization - Quick Win for Improving Performance in Vue & Nuxt AppsJakub Andrzejewski · Vue.js Live 2023
• 56mBoosting Web Performance in 2022Vitaly Friedman · Nordic.js 2022
• 26mFast and Beautiful Modern Image Delivery TechniquesDoug Sillars · You Gotta Love Frontend 2019
• 43mEveryone Wins When You Optimize MediaColby Fayock · TheJam.dev 2023
• 25mDelivering Fast and Beautiful Images and VideoDoug Sillars · WebCamp Zagreb 2018