Skip to Content (Press Enter)
2017-10-02 14-22-21
Paulo Tavares
Staff
21Views
1Comments
Google Chrome Audit - Useful tool for finding unused CSS styles
Question
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
3
0
30 Nov 2010
Copy Link
2020-09-14 17-53-31
Gonçalo Gaiolas
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!

https://www.sitepoint.com/dustmeselectors/

Enjoy!
1
0
30 Nov 2010
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.