Before publishing a site I have bloat of unused CSS styles. Is there any good tool to detect unused CSS classes, divs?
Related Questions:
Asked
Active
Viewed 6,272 times
1
-
Please check this [question](http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions). and related questions in the RHS. – Shoban Mar 23 '09 at 10:03
4 Answers
0
Here is a simple web based css optimizer, very useful: http://www.cleancss.com/
Mantas Vidutis
- 16,376
- 20
- 76
- 92
0
0
Make sure you have firebug (for Firefox, if you don't know), and then install the pagespeed plugin for firebug, developed by Google:
http://code.google.com/speed/page-speed/
It will give you a 'pageSpeed' tab in firebug. Open it and, with 'performance' selected, click 'analyze performance'. Along with lots of other useful suggestions, you will get a list item labelled "Remove Unused Css". Click to expand it and see a breakdown by resource of unused css rules appearing on the present page, along with the memory size that you will save by removing the unused rules.
alegscogs
- 6,245
- 2
- 17
- 9
-
-
the pagespeed plugin is developed by google and available for chrome as well as firefox. – alegscogs Dec 29 '11 at 16:50
-2
dr Hannibal Lecter
- 6,665
- 4
- 33
- 42
-
6this is not an appropriate answer for this question, as css tidy does not identify unused css rules – alegscogs Dec 29 '11 at 16:52
-
1@alegscogs: Hm, you are indeed correct..don't know how I missed it, or why was it accepted then.. >_> – dr Hannibal Lecter Jan 01 '12 at 16:47