Evolution of Web Performance
summary
Describes practical front-end performance optimizations: replace legacy library imports with ES6 modules, enable webpack module concatenation and tree-shaking, and code-split heavy logic into a separate chunk to reduce the critical bundle to 12 KB. Uses source-map-explorer and webpack analysis to find dead code, moves data processing to idle time, and uses GPU compositing for animations; reports bundle size reduction from 924 KB to 322.5 KB and initial JS processing from 289 ms to 17 ms, with monitoring via Google Lighthouse and Jenkins.
AI-written summary · about
chapters (11)
- 0:00Web performance evolution
- 1:55JS engines to 2008
- 3:19Modern bundle problems
- 5:27Smaller bundles with ES6
- 8:15Faster JS load and execution
- 9:42Performance monitoring at Evolution Gaming
- 10:46Browser rendering phases
- 13:40GPU-accelerated animations
- 15:31Smooth animations
- 16:58Future: AR/VR browsers
- 18:51Q&A
related talks
16mThe Evolution of Web Performance
31mThe Future of Front-End Performance
28mFantastic Frontend Performance Tricks & Why We Do Them
21mMonsters of Web Performance
37mSecret Shortcuts of Loading Web Performance
26mWeb Performance in modern JavaScript world
50mWebApp performance tuning with Webpack
24mSuperpowers of browser's Web API