Your Hero Images Need You! Save the Day with HTTP2 Image Loading
summary
Images make up about 64% of page weight and delaying them slows perceived load, so the claim is that HTTP2 multiplexing plus progressive JPEGs deliver meaningful visuals much earlier. The demo uses mozjpeg, custom scan files and jpeg scan layer extraction to show thumbnails at ~15% data and reports a reproducible ~6% speed‑index gain from optimized scan layers (and an aggregate ~57% perf uplift when combined with HTTP2), with a note to raise TCP initial congestion windows.
AI-written summary · about
chapters (16)
- 0:00Start
- 5:02What Can We Do?
- 5:12Get compressin'!
- 5:26Use MOZJPEG The Best JPEG Encoder on Earth
- 5:55Go SSIM for Quality
- 6:54Still a Heavy Load
- 10:18Consider initcwnd
- 11:03Ingredient #1 H2 Multiplexing
- 11:21There's Another Ingredient!
- 17:44Progressive JPEGs on H2 show Good Visuals Faster
- 18:24John Melor (Google, SPDY, 2012):- @15%: initial visuals. @35%: good visuals
- 19:22Ingredient #2 Progressive JPEGS
- 20:577.4x faster
- 29:06Optimized Progressive JPEGs yield 6% Speed Index Gain
- 31:08TAKEAWAY
- 33:03Image Rendering with 15%
related talks
26mFast and Beautiful Modern Image Delivery Techniques
46mSpeed Matters: Client Side Performance Improvement Tips & Tricks
47mImage Optimization
46mFast and Beautiful Modern Image Delivery Techniques
48mFast and Beautiful: Modern Image Delivery Techniques
36mFast and Beautiful: Modern Image Delivery Techniques
33mImpatience is a virtue
30mFast and Beautiful: Modern Image Delivery Techniques