Tipping the Scale
summary
Rebuilds Wix’s dashboard to hit loads under 1 second by ripping one giant client bundle into many tiny widget bundles, using lazy components and webpack code‑splitting, extracting shared deps to the shell, lazy‑loading translations, and switching to HTTP/2. Traffic is ~4–500K unique users/day; some bundles fall from ~300KB to 169KB and a 190KB widget shrinks to 38KB; serial bundle‑then‑data fetch becomes simultaneous bundle and data fetching, cutting multi‑second waits, improving TTI, conversion, and dev velocity, and adding a server‑side layout service to eliminate build coupling.
AI-written summary · about
chapters (15)
- 0:00Introduction and challenges
- 2:17Building the dashboard
- 5:08Perceived performance
- 8:32Technical and product issues
- 12:20Implementing lazy components
- 14:51Benefits of lazy components
- 18:05Development workflow
- 21:12Service integration
- 24:21Optimizing lazy components
- 27:13Managing dependencies
- 30:19Handling translations
- 34:24Network optimizations
- 39:39Product-based optimization
- 44:54Future improvements
- 51:38Q&A and summary
related talks
24mOptimising React’s TTI
28mDecoding JavaScript: Loading Performance —
30mImproving Load Time for 100 Million Websites - Wix Case-Study
26mWeb Performance in modern JavaScript world
24mSuperpowers of browser's Web API
41mSpeed at Scale: Web Performance Tips and Tricks from the Trenches
52m10KB or Bust: The Delicate Power of Webpack and Babel
41mHow we make Web Apps lightning fast at Microsoft!