Decoding JavaScript: Loading Performance —

on YouTube ↗28m

" summary

A slow dashboard becomes a near-instant command center by cutting shipped JS, fixing bundler assumptions and smarter delivery: bundle falls from 3.05MB → 1.2MB (gzips ~300KB) after discovering tree-shaking broken by sideEffects=true during webpack→Vite migration, slimming lodash and Sentry imports, and splitting into >10 chunks with React.lazy code-splitting and interaction-based imports. CDN edge (Cloudflare/AWS), TCP/HTTP behavior, aggressive API caching (React Query), service-worker precache, and a backend move to Apache Druid also trim latency and speed interactive time.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and context
2. 3:57Why performance matters
3. 8:34Shipping less code
4. 17:53Delivering assets smarter
5. 23:22Running lighter with caching
6. 26:52Summary and takeaways

" related talks

• 23mDecoding Javascript: Loading PerformanceArvin Abedinlou · DevWorld 2026
• 37mSecret Shortcuts of Loading Web PerformanceNikola Mitrovic · XtremeJS 2023
• 21mEvolution of Web PerformanceDenis Artyuhovich · The Rolling Scopes Conference 2018
• 21mMonsters of Web PerformanceJamund Ferguson · CityJS Berlin 2024
• 16mThe Evolution of Web PerformanceDenis Artyuhovich · OdessaJS 2018
• 24mSuperpowers of browser's Web APINikola Mitrovic · JSWorld Conference 2024
• 36mPerformance for the long haulBen Schwarz · NG-DE Conference 2019
• 52m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · jsDay 2018