Optimizing bundle with WebPack and Code Splitting

on YouTube ↗31m

" chapters (13)

1. 0:00Start
2. 2:32FOUR MAJOR CONCEPTS
3. 2:53ANALYSIS TOOLS How to analyze your final bundle
4. 3:34BUNDLE STATISTIC Test project output v3
5. 4:13OPTIMIZATION OBJECT (UGLIFICATION)
6. 7:51TREE SHAKING
7. 11:16REMOVE DEAD CODE FROM CSS
8. 12:54SPEED TEST
9. 14:53OPTIMIZATION OBJECT (BUNDLE SPLITTING)
10. 19:39DYNAMIC IMPORT
11. 20:30SETTING UP CODE SPLITTING Configuring Babel
12. 21:05EXAMPLE WITH REACT
13. 21:42SPLITTING TYPES

" related talks

• 50mWebApp performance tuning with WebpackAkshay Gupta, Anuj Singla · DevConf.CZ 2020
• 31mDark Art of Webpack Bundle TuningVijay Dharap · ReactFoo Pune 2018
• 33mMaximising performance with React code-splitting techniquesEdvins Antonovs · DevClub.lv 114th Frontend focused event
• 45mDark Art of Webpack Bundle TuningVijay Dharap · JSFoo 2017
• 52m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · jsDay 2018
• 07mIntro to Webpack and Code-splitting for PhoenixSvilen Gospodinov · Elixir LDN 2016
• 34mGift Wrap Your Code with WebpackJeremy Lund · MountainWest JavaScript 2015
• 58m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · Voxxed Days Bucharest 2018