identify and remove unused css across entire site

by jonathan Apr 4th, 2011

this post will show you a range of ways to detect and remove unused css from your site.

removing unused css will help your stylesheets load faster which, in turn will help your site load faster.

there are several ways to do this.

one way is to use a firefox extension : dust me selectors it can take a sitemap.xml and can scan your entire site. it will show you all the unused css from your stylesheet.

there are other ways:

unused-css.com will take your url and will scan it and will output the css file with the unused css already removed! – by default it only scans the homepage, but if you provide it with an email address then it will scan your entire site and will mail you the results and the clean css file!

identify and remove unused css across entire site

http://www.smokestyle.org Paolo

Thank you, very interesting post. But i’ve some doubts about dust me selectors. It give a different result for each page…why?Anyway i love this blog’s theme! :D
http://minifacialsteamer.com tolga

I’ve used unused-css.com, it gives an output of the whole css file with lines through the unused code for manual removal. This can be very time consuming but they can do the removing for a fee.
http://www.teckdevil.com TeckDevil

Unused CSS doesn’t seems good as a free user. And Dust Me Selector isn’t compatible with my firefox version. Any other option?
Lee Moss82

You think this would be a simple thing to do, this should most certainly be a feature of Dreamweaver and other text editors. I agree with you teckdevil. very annoying.