Google Chrome Audit - Useful tool for finding unused CSS styles

Google Chrome Audit - Useful tool for finding unused CSS styles

  
Hi all,

I happened to need such a tool recently, and I found this blog post mentioning the Google Chrome Audit tool.

if you happen to need such a tool from time to time, it's free and is part of Google Chrome - the browser.

Open Properties > Tools > Developer Tools
Click the Audits tab, and then run the test

It shows lots of useful info for you to trim your page down to the bare minimum, to get rid of legacy CSS styles you are no longer using! Of course, the results must be taken with a grain of salt, since for global CSSs it is normal for some styles not to be used in a specific page, but for inline CSSs it's the real deal.

Hope it helps - and a friendly reminder: always backup your work before slashing your CSS styles :)

Regards,

Paulo Tavares
Another useful tool to do this - Dust-Me Selectors- works as a Firefox extension and actually keeps track of CSS usage across different pages. It even comes with a handy Automation tool to scrape out your entire website based on a Sitemap file!

http://www.sitepoint.com/dustmeselectors/

Enjoy!