Can anyone recommend a tool that will identify unused and duplicate CSS across an entire site?

[danatanseo]

Hi all,

So far I have found this one: http://unused-css.com/   It looks like it identifies unused, but perhaps not duplicates? It also has a 5,000 page limit and our site is 8,000+ pages....so we really need something that can handle a site larger than their limit.

I do have Screaming Frog. Is there a way to use Screaming Frog to locate unused and duplicate CSS?

Any recommendations and/or tips would be great. I am also aware of the Firefix extensions, but to my knowledge they will only do one page at a time?

Thanks!

[Travis_Bailey]

This sounds like it might just do the trick. You'll need to have Ruby installed for it to work. If you have a Mac, it's already on there. If you have a Windows you'll need this. It's pretty easy, I installed Ruby on my Windows gaming rig. If you're running a Linux flavor, try this.

Just take your URLs from the site crawl and make a txt file. You can compare that with your CSS file. I've never tried it on a large site, let me know how it goes for you.

[mstoic]

I have an article on that here. An extension for firefox called Dust-Me selectors can help you identify unused CSS on multiple pages. It tracks all the pages you visit of a website and tracks classes and ids which were never used. Moreover, you can also give it a sitemap and it will figure out the CSS which was never used.

[Christy-Correll]

Hi Dana, did either of these responses help? What did you end up settling on? We'd love an update! Thanks.

Christy

[danatanseo]

Hi Hemant,

I tried using Dust-Me in Firefox, but for some reason it won't work on this sitemap:  http://www.ccisolutions.com/rssfeeds/CCISolutions.xml

Could it be that this sitemap is too large? I even tried setting up a local folder to store the data, but everytime I try the spider I get the message "The sitemap has no links."

I am using Firefox 27.0.1

[danatanseo]

I read your post at Mstoic Hemant and noticed your comment about Firefox 10. Since I couldn't get Dust-Me Spider to work in my current version of Firefox I tried downloading and installing the older version 10 as you suggested. When I did so, I received the message that the Dust-Me Spider was not compatible with this version of Firefox and it was disabled.

We are considering purchasing the paid version of Unused CSS (http://unused-css.com/pricing) - Do you have any experience using the upgraded version? Does it deliver what it promises?

Thanks!