Make the Web Faster
summary
A demo site that looks identical goes from 3MB to 143KB and from about 4s to <1s load time by applying real changes: enable gzip/brotli compression, set long cache expirations with cache-busting versioned URLs, move assets to a CDN, minify and (selectively) bundle JS/CSS, serve responsive and progressive JPEGs, lazy-load offscreen images, defer third‑party scripts, add preconnect hints, enable TLS 1.3 and test HTTP/2 effects. Measurements use webpagetest.org, Fiddler, Lighthouse.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 1:01Performance rules and HTTP
- 2:04Fiddler for HTTP tracing
- 4:51Core Web Vitals metrics
- 7:18WebPageTest for monitoring
- 11:30Real user monitoring impact
- 13:14Web performance for sales
- 14:59HTTP compression
- 17:06Content expirations and caching
- 19:54CDNs and latency
- 23:05Bundling minification HTTP/2
- 24:51Optimizing images
- 28:04Responsive images lazy load
- 33:27Deferred third-party scripts
- 36:59Async defer JavaScript
- 39:07Resource hints critical path
- 41:15Font subsetting TLS 1.3
- 42:16HTTP/2 multiplexing strategies
- 43:18Lighthouse audits
- 45:43Resources and recommendations
- 46:46Q&A
related talks
46mSpeed Matters: Client Side Performance Improvement Tips & Tricks
41mMaking The Mobile Website Faster
25mGet Fast and Stay Fast
29mSpeed Essentials: Key Techniques for Fast Websites
23mOptimizing page load speed on front end side
31mEvery Millisecond Counts: Performance & UX
31mHacking Web Performance
01h 03mSpeed up your Web Application