Modern Web in Numbers
Modern web is beyond broken. Even the simplest websites are becoming performance, privacy and accessibility nightmares. And it's only getting worse.
How bloated are popular websites?
Important note: beside the obvious page size problem, TTI (Time To Interactive) is also a huge problem - a lot of websites take way too much time to become interactive (usable). This problem is more pronounced on mobile phones and other slower devices.
Site  | Page Size | JavaScript | CSS | Images | TTI | Score |
|---|---|---|---|---|---|---|
| cnn.com | 11.19 MB 292 requests | 3.16 MB 76 requests | 27.2 KB 2 requests | 487.83 KB 65 requests | 43 s | 25 |
| nytimes.com | 2.79 MB 109 requests | 1.68 MB 30 requests | 14.54 KB 2 requests | 602.76 KB 17 requests | 26 s | 32 |
| ebay.com | 1.13 MB 124 requests | 578.1 KB 28 requests | 46.93 KB 5 requests | 308.39 KB 61 requests | 13 s | 43 |
| aliexpress.com | 1.75 MB 254 requests | 1.22 MB 53 requests | 60.88 KB 16 requests | 283.96 KB 86 requests | 22 s | 24 |
| reddit.com | 580.35 KB 139 requests | 406.96 KB 111 requests | 0 Bytes 0 requests | 66.47 KB 12 requests | 9 s | 37 |
Small and fast is beautiful
List of the sites which fit into the above description.
If you have (or know) a site which belongs here, please submit the url here.
| Site | Page Size | JavaScript | CSS | Images | TTI | Score |
|---|---|---|---|---|---|---|
| news.ycombinator.com | 12.48 KB 6 requests | 2.3 KB 1 request | 2.13 KB 1 request | 1.61 KB 3 requests | 1 s | 98 |
| teddit.net | 200.26 KB 31 requests | 0 Bytes 0 requests | 9.6 KB 2 requests | 182.15 KB 28 requests | 1 s | 87 |
| terbium.io | 28.64 KB 5 requests | 0 Bytes 0 requests | 3.87 KB 2 requests | 1.43 KB 1 request | 1 s | 100 |
| nintil.com | 380.65 KB 23 requests | 298.23 KB 7 requests | 11.52 KB 2 requests | 952 Bytes 3 requests | 6 s | 73 |
| php.watch | 573.39 KB 14 requests | 13.65 KB 1 request | 11.53 KB 1 request | 543.26 KB 11 requests | 2 s | 95 |
| kmarkiv.com | 119.09 KB 11 requests | 105.63 KB 3 requests | 3.02 KB 1 request | 4.62 KB 2 requests | 3 s | 95 |
| picnicss.com | 122.33 KB 11 requests | 102.02 KB 3 requests | 8.21 KB 1 request | 1.39 KB 3 requests | 3 s | 91 |
| macwright.com | 11.97 KB 1 request | 0 Bytes 0 requests | 0 Bytes 0 requests | 0 Bytes 0 requests | 1 s | 100 |
| snestudio.com | 115.58 KB 7 requests | 85.92 KB 2 requests | 7.24 KB 1 request | 18.81 KB 2 requests | 2 s | 97 |
| maxlaumeister.com | 157.48 KB 22 requests | 119.63 KB 7 requests | 5.91 KB 3 requests | 23.36 KB 8 requests | 4 s | 86 |
| htmx.org | 605.09 KB 22 requests | 62.79 KB 5 requests | 5.78 KB 2 requests | 524.74 KB 12 requests | 3 s | 82 |
* HN deserves the special mention here - written in Arc and serving millions of page view daily on a single server
For the reference, here's also betterways.dev's numbers (I still have to optimize a few things):
| Site | Page Size | JavaScript | CSS | Images | TTI | Score |
|---|---|---|---|---|---|---|
| betterways.dev | 9.52 KB 5 requests | 2.02 KB 1 request | 2.22 KB 1 request | 0 Bytes 0 requests | 2 s | 99 |
Quick tips on making the web a better place
Debloat your website and make it accessible
- Start with a clean and semantically correct HTML and progressively enhance it according to your client's capabilities
- Keep your TTI (time to interactive) as low as your can
- Return only minimal Javascript - try to avoid thick SPA frameworks whenever you can (they're breaking the core web principles and the result will always be more bloated and more broken) - see the projects like htmx and webcomponents-based approaches (like Github's Catalyst)
- Return only minimal CSS - you may not need a CSS framework - by using custom CSS, you'll have much better control and understanding of your stylesheets
- Prefer using system font stack over custom fonts
- Don't abuse your client's trust (their privacy, security, resources, etc.)
* Note: the numbers are for reference only; they are periodically refreshed by using PageSpeed Insights (mobile).