Delivering Fast Video without the Buffering
summary
Concrete findings and fixes: site scans show video on ~5% desktop and ~4% mobile homepages, median pages with video load in ~11.5s vs 7.5s, and average startup is ~3.5s on mobile and ~6s on desktop with ~16% of mobile viewers abandoning before start; two thirds of video requests come from Facebook. Practical wins include using WebPageTest and HTTP Archive to find offenders, strip audio and downscale/encode per device, avoid preload=auto, and use HLS starting at low bitrate to reduce startup stalls.
AI-written summary · about
chapters (26)
- 0:00Intro
- 0:36Doug Sillars
- 1:43Video Killed My Data Plan
- 2:39Study of the Web
- 3:11WebPage Test
- 4:53Video Use on the Web
- 6:45Video Quality Metrics
- 10:22Video Startup Delay
- 11:51Image Optimization
- 13:25Video Optimization?
- 14:40Video Compression over Time
- 17:47Video Stats: File Extensions
- 18:05Video: Different Size Screens
- 19:22Video: Don't Download More on Mobile
- 23:56Video Preload
- 26:44Video Background: Mobile
- 28:15Video Resizing
- 28:55Video Is Not Cheap
- 31:16Best Practices (So Far...)
- 33:13Optimizing Video Delivery Video Streaming
- 34:00Video Streaming: Startup Time
- 35:25Video Streaming: Manifest File
- 39:27The Spengler
- 39:46Crossing the Streams
- 40:52Third Parties: Facebook
- 41:02Summary
related talks
41mDelivering video that doesn’t break the bank
31mDelivering Fast and Beautiful Images and Video
39mVideo Killed My Data Plan
49mVideo Killed My Data Plan: Delivering Video that Doesn't Break the Web
48mFast and Beautiful: Modern Image Delivery Techniques
46mFast and Beautiful Modern Image Delivery Techniques
26mOptimizing Video Performance for Web Developers
25mDelivering Fast and Beautiful Images and Video