Subscribe
Sign in
Product Hunt Rank
p/product-hunt-rankHow many times a website was upvoted on PH (Chrome ext.)
Start new thread
Alex

Unused CSS finder - Crawl your website and find unused CSS

by•

Unused CSS finder crawls your website (following all the internal links), analyses all the pages and provides a list of unused css-selectors found in your stylesheets.

Add a comment

Replies

Best
Srikanth Noah
Just tried it. Looks cool. Does it counts the unused elements in core css files? I mean default css files of Bootstrap and other frameworks?
Alex
Maker
@srikanth_noah all css rules loaded, core, custom, even the tags on the page
John Alexander
cool! found some 'unused selectors' on https://www.jitbit.com/unusedcss/ ;)
Dennis Karg

Are there any prerequisites to the web pages for it to work?

Pros:

The idea is really usefull

Cons:

Does not work on a page where I know that there are unused CSS classes.

Alex
Maker
Nope, no prerequisites... Can you please provide your URL so we can check/debug? Thanks!
exex zian
curious to try this : just need to cross check - it doesn't make me remove css styles used *somewhere*
Alex
Maker
@exexzian yes, exactly, it a selector is found on ANY of the pages crawled, it doesn't suggest to remove it
@ChuckReynolds
This is nice but one major thing right away... you need to have better error handling... entering in "domain.com" says Done no unused sectors instead of "hey this actually didn't work because we require you to enter http:// or https:// before the domain". And have one for unresolved domains... tested "sldfjsklfjlksdfksdkfsdjlfjdslfjsdfs.com" and it said the same thing. But... that's easy to implement. Cheers!
Alex
Maker
@chuckreynolds sure, gonna add all the checks of course! Didn't realize it will get so much traction... Fixing all the stuff asap.
Bernat Fortet Unanue

Keep up the good work

Pros:

I've been meaning to find this for a while

Cons:

could go a little bit beyond what it find out

Marwann
This is great! Only suggestion maybe: there should be an option to ignore some CSS files like Bootstrap/Glyphicons etc.
Alex
Maker
@marwannas Noted! Thanks
Anjelica Jordan
Will give it a try then
DanielTamkin
This looks awesome!! Feature request: a version of this but for sass/Scss to identify un-used functions/variables. Could integrate into atom/sublime/visual studio
Bernat Fortet Unanue
Finally! I've been looking for this for a looong time!
Dominik Heyberg
How does it deal with responsive sites and media queries?
Alex
Maker
@domheyberg not at the moment, working to add @media support
Nilanchala Panigrahy
Great idea but at this stage it's of little use. Will be wonderful if it can work with media query and SASS.
Kristof Bernaert
great to clean up ur css before minifying it and go production. testing this soon ...
Jesse Korzan
Just tried it, too. Great effort. Keep. Going. I've been looking for something along these lines, except for web app (auth'd users). A Chrome extension would be great... check a page/view against the loaded CSS file. Would really help refactoring our application.
Emmanuel Lemor
Was really hoping that it would work but tried it on over a dozen websites, and they all came back with (and in most cases in less than 2 seconds): "Stand by... Done. No unused selectors found." In most cases so quickly that I doubt it was checking them or maybe was hitting a barrier and stopping right there - tried it on a dead URL www.comcetclu.com and it came back with the same result. Something's not quite right :/ :(