Optimizations You Should Have Implemented Yesterday
summary
Concrete wins and how they happen: move chat widgets so only 10% of users load the script on click, use PartyTown offloads third-party scripts to Web Workers to keep main thread free, stop barrel files and set sideEffects:false on packages so tree shaking actually removes re-exports (examples show 10k re-exports and only ~3.1% bundle drop per fix). Lazy-load translations to cut a 263KB payload to ~151KB, and push full-page caching to Fastly with cache-tags to drop document delivery from ~369ms to ~14ms.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:47Performance focus and Core Web Vitals
- 2:54Optimizing chat widgets
- 5:29Cookie banner impact on LCP
- 7:18Bundle size challenges
- 9:04Barrel files impact
- 12:17Reducing bundle with AI refactoring
- 14:51Handling translations
- 19:07Server-side translations
- 21:15Edge document delivery
- 23:03Fastly caching optimization
- 26:15Advanced SWR caching
- 27:22Q&A
related talks
32mResponsible Javascript
37mSecret Shortcuts of Loading Web Performance
28mDecoding JavaScript: Loading Performance —
24mOptimising React’s TTI
28mFantastic Frontend Performance Tricks & Why We Do Them
38mSecret Shortcuts of Loading Web Performance
42mQuick fixes to improve page load time
32mEverything you need to know about Web Performance