A Case Study
summary
Baseline measurements use WebPageTest, Chrome DevTools and Webpack Bundle Analyzer to capture gzip sizes and a speed index baseline; optimizations remove moment locales and duplicate immutablejs, convert static imports to dynamic, add code splitting with react lazy and suspense, delay a 52 KB chat library by 4s, and enable babel-preset-env useBuiltIns plus Brotli. Results show ~80 KB vendor reduction, ~20 KB polyfill savings, overall JS size down ~50% with Brotli and speed index improvement ~30–40%.
AI-written summary · about
chapters (9)
- 0:00Start
- 4:19Performance Goal
- 5:06Baseline Performance - II
- 9:13Unused Code
- 14:56Duplicate Libraries
- 16:27Code Splitting
- 22:21Dynamic Library Loading
- 26:23Optimizations Beyond App Code
- 27:26Achieved Performance
related talks
52m10KB or Bust: The Delicate Power of Webpack and Babel
31m10KB or Bust" The Delicate Power of Webpack and Babel"
21mMonsters of Web Performance
21mEvolution of Web Performance
42mLessons Learned Sciencing The Web
36mPerformance for the long haul
58mResponsible JavaScript
30m10KB or Bust: The Delicate Power of Webpack and Babel