New Adventures in Responsive Web Design
summary
Practical front-end performance tactics: adopt HTTP/2 push and Brotli/Zopfli compression to reduce text payloads, lazily load and serve responsive images to avoid sending multi-megabyte image bundles, and split/subset fonts. Use Service Workers to cache fonts and inline critical font subsets, and apply the Font Loading API plus font-display strategies so pages render quickly without blocking on remote font files.
AI-written summary · about
chapters (12)
- 0:00Responsive design trends
- 4:12Text compression
- 10:07Image optimization
- 17:56CSS filters
- 21:26Font loading delays
- 27:55Font caching impact
- 34:01Service Worker strategies
- 42:03AVIF and WebP2
- 45:14HTTP/2 Server Push
- 51:51Critical CSS
- 1:00:10Lazy loading
- 1:01:12Frontend checklist
related talks
58mNew Adventures in Responsive Web Design
53mNew Adventures in Responsive Web Design
28mFantastic Frontend Performance Tricks & Why We Do Them
32mStay Away From My Path!
23mOptimizing page load speed on front end side
42mDelivering Responsibly
56mBoosting Web Performance in 2022
30mFast and Beautiful: Modern Image Delivery Techniques