Optimize the Size of Your SPA, the Battle for Bytes

on YouTube ↗41m

" summary

Covers techniques to reduce the size of single-page applications (SPA) and progressive web apps (PWA) by optimizing JavaScript, CSS, and images. Discusses modern web build issues such as large frontend bundles (around 1 MB) and practical methods to improve load performance and time-to-interactive by saving bytes.

AI-written summary · about

" chapters (8)

1. 0:00SPA optimization introduction
2. 3:02Large bundle problems
3. 11:29Code compression and minification
4. 17:30Code splitting challenges
5. 24:08Webpack build optimization
6. 30:21JavaScript ecosystem issues
7. 34:53Native and alternative solutions
8. 37:17Q&A

" related talks

• 26mWeb Performance in modern JavaScript worldFilip Rakowski · JavaScript fwdays'19
• 32mComplex JS-heavy Web Apps, Avoiding the SlowMariko Kosaka, Jake Archibald · Chrome Dev Summit 2018
• 24mSuperpowers of browser's Web APINikola Mitrovic · JSWorld Conference 2024
• 31mOptimized Angular apps: smaller, faster, betterMaxim Salnikov · Amsterdam JSNation Conference 2018
• 31m10KB or Bust" The Delicate Power of Webpack and Babel"Brian Holt · JSConfCO 2018
• 22mModern Web Apps Performance Tricks with PWA and VueFilip Rakowski · Vue.js Amsterdam 2019
• 50mWebApp performance tuning with WebpackAkshay Gupta, Anuj Singla · DevConf.CZ 2020
• 41mHow we make Web Apps lightning fast at Microsoft!Sean Thomas Larkin · Uphill Conf 2019