Identify and remove unused css across entire site

Identify and remove unused css across entire site

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: 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! have a cool little tool that will analyse a single page at a time using ySlow! and google pagespeed.

google pagespeed online is very good and analyses a lot of other things that can slow down your site, but the css part is very useful. it shows you slow css rules, etc

see this page about browser caching to speed up your site too

(Visited 10,558 times, 1 visits today)