React App Bundling based on HTTP version
summary
Explains how bundling and load order interact with HTTP versions and gives concrete fixes: avoid blind parallel fetches on slow links like 3G, 6 connections per origin for HTTP/1 versus a single multiplexed connection for HTTP/2, HTTP/2 client priorities run 0–255 but servers must respect them, and HTTP/3 uses UDP and QUIC with a reduced urgency range 0–7 and an incremental flag. Recommends practical steps: preload critical fonts, limit resources, preload above‑the‑fold images, test with CDNs (Akamai Cloudflare Fastly) and prefer H2O/Apache over default nginx behaviors.
AI-written summary · about
chapters (11)
- 0:00Introduction and speaker intro
- 1:11Bundling vs resource loading
- 2:59Browser resource loading basics
- 5:51Parallel vs sequential loading
- 7:56HTTP version upgrades overview
- 8:59HTTP/2 prioritization explained
- 10:45HTTP/2 limitations and issues
- 11:48Web fonts and CDN challenges
- 12:29HTTP/3 advantages and changes
- 13:34HTTP prioritization summary
- 13:56Key takeaways and conclusion
related talks
25mHTTP/2 is coming! Unbundle all the things?!?
42mResource loading, prioritization, HTTP/2 - oh my!
15mBundling With H2 Server Push
50mHigh-performance web apps using HTTP/2
51mResource Loading at the Cutting Edge
21mThinking PRPL
26mWeb Performance in modern JavaScript world
09mThe Request Tax: Re-evaluating 20+ Years of Web Performance Dogma