The Lazy Way to Better Performance
summary
A concrete recipe for smaller initial bundles and faster first load by swapping static imports for dynamic import and using the webpack magic comment to set a webpackChunkName so chunks are identifiable. Demo toggles dog profile components and lazy-loads route pages so their code does not download until visited. Bonus shows splitting Vue into its own chunk and toggling comments true in vue config so chunk names survive minification and vendor warnings near 244 KB get addressed.
AI-written summary · about
chapters (3)
related talks
45mDark Art of Webpack Bundle Tuning
24mLight, lazy asynchronous patterns for Vue Apps
18mCode Splitting Patterns with Vue
38mSecret Shortcuts of Loading Web Performance
23mStreamline your code with webpack
16mThe Evolution of Web Performance
28mDecoding JavaScript: Loading Performance —
52m10KB or Bust: The Delicate Power of Webpack and Babel