Optimizing Video Performance for Web Developers
summary
Shows concrete wins: a 59s video drops from ~50 MB to 11.13 MB from codec change and lower bitrate (reported bitrate 6,697 kbps to ~1,500 kbps). Recommends tools and fixes: use Chrome Media panel, set video width/height to eliminate CLS, prefer an optimized poster or detect whether LCP uses poster vs first frame, remove unnecessary audio tracks, put WebM/vp9 first then MP4 for fallback, and adopt HLS/DASH adaptive bitrate playlists. Mentions Cloudinary automates codec, quality, poster extraction and reduced a 192 MB asset to ~64 MB.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 2:00Video optimization matters
- 4:09Video encoding basics
- 10:15Encoding for performance
- 13:02LCP and CLS for videos
- 20:51Adaptive bitrate streaming
- 24:42Cloudinary automation
- 26:06Q&A
related talks
26mBandwidth Ballet: Optimizing Video Performance for Web Maestros
41mDelivering video that doesn’t break the bank
49mVideo Killed My Data Plan: Delivering Video that Doesn't Break the Web
25mDelivering Fast and Beautiful Images and Video
48mFast and Beautiful: Modern Image Delivery Techniques
48mDecrease your conversions – common ways to lock people out
31mDelivering Fast and Beautiful Images and Video
41mDelivering Fast Video without the Buffering