Bandwidth Ballet: Optimizing Video Performance for Web Maestros
summary
Concrete claims and actionable knobs: encoding choices (h264 h265 AV1 vp9), bitrate reductions, and source order that cut a 59s ~50 MB MP4 down to ~11 MB while keeping visual quality. Use Chrome DevTools Media panel and PerformanceObserver to see whether LCP uses poster or first frame. Reserve video dimensions to avoid CLS, remove unused audio channels, serve formats in order (best first) and implement adaptive bitrate via HLS/DASH M3U8 master playlist. Mentions automated format/bitrate/frame-poster generation and AI cropping/summary features.
AI-written summary · about
chapters (8)
- 0:00Welcome
- 2:00Video performance matters
- 4:09Video encoding and bit rates
- 10:15Core Web Vitals and video
- 16:04LCP with video and posters
- 20:41Adaptive bitrate streaming
- 22:46Automating with Cloudinary
- 25:56Closing
related talks
26mOptimizing Video Performance for Web Developers
49mVideo Killed My Data Plan: Delivering Video that Doesn't Break the Web
19mUser-friendly video playback on the web
41mDelivering video that doesn’t break the bank
31mDelivering Fast and Beautiful Images and Video
16mImproving Video Delivery and Streaming Performance with...
58mModern & secure adaptive streaming on the Web
43mModern Streaming Video for the Jamstack