Video Killed My Data Plan
summary
WebPageTest and the HTTP Archive show pages with video raise median Speed Index from ~7.5s to ~11.5s (≈4s tax); mobile video startup averages ~3.5s, 3% of videos never start, and ~16% of mobile viewers abandon before start. Animated GIFs inflate size (1.4MB video → 3.8MB GIF); an mp4 resized to 640×360 cuts 17.8MB → 6MB. Preload misuses download whole files, default metadata pulls ~3%, and streaming manifests can absurdly list manifest starting at 37 Mbps forcing wasted downloads; avoid preload="auto" and prefer transcoded mp4s or mp4 in picture tag.
AI-written summary · about
chapters (25)
- 0:00Start
- 1:17Video Consumption is Growing
- 2:45Study of the Web
- 3:20WebPageTest
- 4:39Video Use on the Web
- 6:07Video Quality Metrics
- 7:59Video Fails To Start
- 8:12Video Startup Failure
- 9:33Video Startup Delay
- 10:25Sites with Video: Mobile V. Desktop
- 11:12Image Optimization
- 12:36Video Optimization?
- 14:00Video Compression over Time
- 16:36Animated GIFs: as Video!
- 17:39Video Stats: File Extensions
- 22:20Video Preload
- 24:31Background Video
- 25:51Video Background: Mobile
- 27:52Video Resizing
- 28:30Video Is Not Cheap
- 31:17Best Practices (So Far...)
- 32:01Can Video Be Responsive?
- 33:18Video Streaming: Manifest File
- 36:32Video Streaming: Startup Time
- 38:14Third Parties: Facebook
related talks
49mVideo Killed My Data Plan: Delivering Video that Doesn't Break the Web
41mDelivering video that doesn’t break the bank
48mFast and Beautiful: Modern Image Delivery Techniques
41mDelivering Fast Video without the Buffering
37mIt's just too Slow: Testing Mobile application performance
25mDelivering Fast and Beautiful Images and Video
46mFast and Beautiful Modern Image Delivery Techniques
37mMobile Web Performance