Web runtime performance

on YouTube ↗30m

" summary

Built demos prove techniques: a minesweeper clone and squoosh.app explore runtime limits, use WebAssembly inside web workers that are terminated and respawned to cancel long encodes, swap Webpack for Rollup to control build orchestration, rely on a single-file initial screen for fast startup, use HTTP caching and streaming SSR with early hints to reduce perceived latency, and measure that local dev moves from 80 megabytes of cold JS toward tiny cached pieces and much faster iteration.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 10:48Metrics
3. 14:05Early hints
4. 16:17Web workers
5. 20:52Lazy loading
6. 27:15Optimization

" related talks

• 26mWeb Performance in modern JavaScript worldFilip Rakowski · JavaScript fwdays'19
• 37mSecret Shortcuts of Loading Web PerformanceNikola Mitrovic · XtremeJS 2023
• 41mHow we make Web Apps lightning fast at Microsoft!Sean Thomas Larkin · Uphill Conf 2019
• 46mWeb Performance in 2018Jad Joubran · Mobile Era 2018
• 36mPerformance for the long haulBen Schwarz · NG-DE Conference 2019
• 49mQwik: Streaming JavaScript frameworkMiško Hevery · Øredev 2023
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018
• 16mThe Evolution of Web PerformanceDenis Artyuhovich · OdessaJS 2018