Performance Empathy
summary
Shows concrete measurements: a 1 MB client-rendered app takes about 19 seconds to become useful, median JavaScript for mobile pages is ~350 KB, and querying 250,000 origins finds ~50% ship over 1 MB. Describes practical fixes: browser lazy-loading attribute, a virtual-scrolling API, framework work like React Suspense Vue3 and Angular Ivy, and tooling: Lighthouse budgets, Stack Pack that detects frameworks, docs and a framework fund — all presented as implemented or actively rolling out.
AI-written summary · about
chapters (9)
- 0:00Start
- 0:14Performance Empathy
- 12:34Making Sure Everybody Has Better Defaults
- 14:39Lazy Loading
- 15:56List Virtualization
- 17:35Light Wallet
- 18:59Stack Backs
- 20:43Framework Fund
- 21:10Fixing the Performance Problem
related talks
40mThe state of frontend frameworks in 2023
30mEmpathy Driven Development: Boosting performance by implementing for unfavorable conditions
34mOptimizing Performance in Large-Scale React & Node.js Applications
24mSuperpowers of browser's Web API
32mResponsible Javascript
42mBuilding quick apps in 2018
23mPerformance Optimizations for Progressive Web Apps
28mThe Browser Hackers Guide To Instantly Loading Everything