Complex JS-heavy Web Apps, Avoiding the Slow
summary
A JavaScript-heavy PWA called Squoosh compresses images in-browser using WebAssembly, mozjpeg/WebP/OptiPNG ports, workers for concurrency, and web components, and it targets less than 5 seconds on 2G. Live demo numbers show ~83% JPEG reduction, WebP often ~1.4MB saved per image, a 400KB gzipped app reduced by code-splitting to ~15KB for first interaction, and codecs lazy-loaded and cached via service worker so the heavy 300KB codec payload downloads only when needed.
AI-written summary · about
chapters (8)
- 0:00Intro
- 2:45Live Demo
- 7:55SVG vs PNG
- 10:05Scooch
- 11:50WebAssembly
- 15:50Performance
- 21:07Comlink
- 27:50Web Components
related talks
41mHow we make Web Apps lightning fast at Microsoft!
02h 21mUnlocking Progressive Web Applications
24mSuperpowers of browser's Web API
37mSecret Shortcuts of Loading Web Performance
46mWeb Performance in 2018
28mFantastic Frontend Performance Tricks & Why We Do Them
24mSuperpowers of browser's Web API
56mBoosting Web Performance in 2022