The Performance Inequality Gap, 2023 - Infrequently Noted
To serve users at the global P75 of devices and networks, we can now afford ~150KiB of HTML/CSS/fonts and ~300-350KiB of JavaScript (gzipped). This is a slight upgrade on last year's budgets, thanks to device and network improvements. Meanwhile, web developers continue to send more script than is reasonable for 80+% of the world's users, widening the gap between the haves and the have-nots. This is an ethical crisis for frontend. Meanwhile, the most popular tools and frameworks remain in stubborn denial, but reality is not moved by ignoring it: when digital is the default, slow is exclusionary.
TL;DR : To serve users at the 75 th percentile ( P75 ) of devices and networks, we can now afford ~150KiB of HTML / CSS /fonts and ~300-350KiB of JavaScript (gzipped). This is a slight improvement on last year's budgets , thanks to device and network improvements. Meanwhile, sites continue to send more script than is reasonable for 80+% of the world's users , widening the gap between the haves and the have-nots. This is an ethical crisis for frontend. Last month, I had the honour of joining what seemed like the entire web performance community at performance.now() in Amsterdam . The talks are
related reading
- Can You Afford It?: Real-world Web Performance Budgets - Infrequently Notedinfrequently.org
- 7 Principles of Rich Web Applicationsrauchg.com
- The Market for Lemons - Infrequently Notedinfrequently.org
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- The Cheap Webpotato.cheap
- Web Interface Guidelinesvercel.com
- The "Developer Experience" Bait-and-Switch - Infrequently Notedinfrequently.org
- The new wave of Javascript web frameworksfrontendmastery.com
- web.devweb.dev
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Which web frontend architecture fits best?workingsoftware.dev
- This page weighs 15kb - macwright.commacwright.com