Performance culture. New opportunities with Embroider
summary
Embroider and Webpack cut the main bundle by about 25% using split-at-routes, bringing login FCP to ~1.0–1.8s and blocking time down to ~40ms; dynamic import of heavy libs (TinyMCE) reduces a page’s shipped JS by ~27% and prevents Lighthouse merge failures. Size-limit reports run as CI show gzipped core bundles falling from ~1.2MB; pruning translations, removing a bundled schema, and a Moment locales plugin shave another ~5–9%. Changes are incremental, measurable, and repeatedly improve real user metrics.
AI-written summary · about
chapters (9)
- 0:00Performance culture overview
- 1:39Understanding user needs
- 4:35Measuring complex applications
- 6:46Tooling and testing strategy
- 10:28Analyzing bundle reports
- 14:02Optimizing with Embroider
- 18:11Dynamic imports and plugins
- 23:36Iterative bundle improvements
- 26:47Continuous performance growth
related talks
28mEmpowering a Performance Culture
52m10KB or Bust: The Delicate Power of Webpack and Babel
36mPerformance for the long haul
21mMonsters of Web Performance
31mThe Future of Front-End Performance
37mSecret Shortcuts of Loading Web Performance
26mWeb Performance in modern JavaScript world
16mThe Evolution of Web Performance