How we make Web Apps lightning fast at Microsoft!
summary
Claim: shipping unused JS/CSS kills interactivity; measurement and targeted lazy-loading fixes it. Uses webpack, the DevTools coverage tool to find 18.8 MB uncompressed with 97% waste, then replaces static imports with dynamic import boundaries and precaches lazy chunks via a service worker (workbox). Result: bundles drop to 4.7 MB (later 2.8 MB), waste falls to 69%, and time-to-interactive roughly halves (critical 3G/low-end improvements). Practical, reproducible instrumentation and code-splitting deliver measurable wins.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:32MAKING WEB APPS LIGHTNING
- 15:16CODE SPLITTING PROCESS OF SPLITTING PIECES OF UPHILL CONF YOUR CODE INTO ASYNC CHUNKS
- 15:40HOW DOES IT WORK?
- 15:50STATIC "DYNAMIC"
- 23:22WEB PERFORMANCE
- 32:59ROOT CAUSE: WEBPACK!
- 33:49ROOT CAUSE: ENGINEERS?
- 35:05SERVICE WORKERS!
- 40:58die Mobiliar adesso
