css-analyzer
css-analyzer copied to clipboard
projectwallace
CSS Extremes (useful for debugging/testing)
These are some numbers that I found in the wild that may help improve performance by testing how the analyzer behaves on large data sets.
| site | LoC | filesize | max ruleset size | max selectors | max decls. | rules | selectors | decls. | max. selector complexity |
|---|---|---|---|---|---|---|---|---|---|
| instagram.com | 34.100 | 609kB | 541 | 188 | 539 | 13.663 | 13.681 | 19.661 | 8 |
| imdb.com | 15.244 | 530kB | 281 | 82 | 280 | 2.843 | 4.135 | 10.525 | 11 |
| indiatimes.com | 13.400 | 388kB | 1275 | 1274 | 17 | 2.167 | 7.950 | 5425 | 16 |
| Nord Health | 3.188 | 381.9kB | 102 | 49 | 101 | 755 | 972 | 2.109 | 54 |
| Telenet | 61.247 | 2.08MB | 168 | 165 | 71 | 15.813 | 15.813 | 32.661 | 26 |
| VistaPrint | 13.754 | 642kB | 518 | 46 | 516 | 3.597 | 5.665 | 7.876 | 21 |
| work project | 13.090 | 2.3MB | 1621 | 26 | 1620 | 2156 | 2779 | 10041 | 12 |
Entities per kB of CSS
| site | filesize | LoC/kB | rules/kB | selectors/kB | declarations/kB | colors/kB | font-sizes/kB |
|---|---|---|---|---|---|---|---|
| instagram.com | 580kB | 51.8 | 18.5 | 18.8 | 30.7 | 3.3 | 0.7 |
| imdb.com | 534kB | 28.7 | 5.3 | 7.7 | 19.8 | 3.0 | 0.3 |
| indiatimes.com | 394kB | 34.7 | 5.6 | 24.5 | 14.1 | 2.5 | 0.5 |
| Nord Health | 81.9kB | 38.9 | 9.2 | 11.9 | 25.8 | 1.3 | 1.1 |
| Telenet | 2.13MB | 29.1 | 7.5 | 12.0 | 15.3 | 2.2 | 0.2 |
| nos.nl | 59.9kB | 42.7 | 9.2 | 9.7 | 30.9 | 1.9 | 0.9 |
| css-tricks.com | 102kB | 41.9 | 9.5 | 14.8 | 26.2 | 4.7 | 1.1 |
