3 ms·

Something like this: https://www.dropbox.com/s/vatqtaur20f35yi/Screenshot%202014-11-24%2014.22.26.png?dl=0 https://www.dropbox.com/s/vatqtaur20f35yi/Screenshot%

by sorahn 12y ago

Something like this: https://www.dropbox.com/s/vatqtaur20f35yi/Screenshot%202014-11-24%2014.22.26.png?dl=0 https://www.dropbox.com/s/vatqtaur20f35yi/Screenshot%202014-... I found their github[1] and ran it locally. Worked perfectly. [1]https://github.com/mrmrs/cssstats https://github.com/mrmrs/cssstats

shdon 12y ago
Cool, thanks. Those are some pretty big numbers. What kind of a site is it? It is really interesting to see the variance, btw. Twitter, KickStarter and Bootstrap running at thousands of rules, Google and Wikipedia at under 200. And a whole bunch in the 500-1000 range, such as Facebook, Amazon and Mozilla. I'm actually surprised at the relatively low rule-count for Facebook and Amazon as both those sites always gave me the impression (perhaps mistakenly) of having more CSS rules than I could read in a lifetime. Conversely, Github and Stack Overflow have more rules than I would have expected. I guess that just goes to show that CSS complexity and visual clutter do not necessarily correlate.
- mrmrs 12y ago
  It looks like we have a bug and that we're not grabbing all of amazons css - just the first referenced stylesheet. Opening an issue on github. Thanks for the heads up.
  - sorahn 12y ago
    This was happening to me too. I could see the output from node that said it figured out there were multiple stylesheets, but it didn't seem to care, and just went about its business showing the first one.
- reissbaker 12y ago
  Pretty sure the Facebook one is just checking their logged-out page, which is much more straightforward than the logged-in view. Logged-in I count ~144kb of CSS, which still isn't bad, but isn't as mind-bogglingly low. Amazon is definitely impressive though! (As are Stripe, Apple, and Airbnb, in basically that order.)
- sorahn 12y ago
  That site specifically was a porn site. Our 3.0 upgrade of the site involved a lot "get this working, NEXT!" so the CSS is kind of a mess. I've got a nice stat page to show me just how much of a mess now though!
NKCSS 12y ago
Kudo's for the devs; it really was as simple as downloading the zip from github and issuing a install && start :) Pulled in phantomjs, etc. and just worked out of the gate :) It still has some issues with style detection (as noticed in other comments), but once that gets fixed, I'll be sure to check back :) Nice project!

by sorahn 12y ago

shdon 12y ago

Cool, thanks. Those are some pretty big numbers. What kind of a site is it? It is really interesting to see the variance, btw. Twitter, KickStarter and Bootstrap running at thousands of rules, Google and Wikipedia at under 200. And a whole bunch in the 500-1000 range, such as Facebook, Amazon and Mozilla. I'm actually surprised at the relatively low rule-count for Facebook and Amazon as both those sites always gave me the impression (perhaps mistakenly) of having more CSS rules than I could read in a lifetime. Conversely, Github and Stack Overflow have more rules than I would have expected. I guess that just goes to show that CSS complexity and visual clutter do not necessarily correlate.

mrmrs 12y ago
It looks like we have a bug and that we're not grabbing all of amazons css - just the first referenced stylesheet. Opening an issue on github. Thanks for the heads up.
- sorahn 12y ago
  This was happening to me too. I could see the output from node that said it figured out there were multiple stylesheets, but it didn't seem to care, and just went about its business showing the first one.
reissbaker 12y ago
Pretty sure the Facebook one is just checking their logged-out page, which is much more straightforward than the logged-in view. Logged-in I count ~144kb of CSS, which still isn't bad, but isn't as mind-bogglingly low. Amazon is definitely impressive though! (As are Stripe, Apple, and Airbnb, in basically that order.)
sorahn 12y ago
That site specifically was a porn site. Our 3.0 upgrade of the site involved a lot "get this working, NEXT!" so the CSS is kind of a mess. I've got a nice stat page to show me just how much of a mess now though!

NKCSS 12y ago

Kudo's for the devs; it really was as simple as downloading the zip from github and issuing a install && start :) Pulled in phantomjs, etc. and just worked out of the gate :) It still has some issues with style detection (as noticed in other comments), but once that gets fixed, I'll be sure to check back :) Nice project!