Web Design Blog

This is where we store some of our Web Development thoughts, tips and tricks, just because we like to share.

Remove Redundant CSS From Your Stylesheet

Remove Redundant CSS

Last week someone approached me with a problem- their website was running significantly slow. There were many obvious problems, but the issue I’m going to cover today is CSS stylesheets.

Believe it or not, but stylesheets can slowdown a website if they get too bloated. It’s extremely common for a web developer to fill stylesheets with unused code. This usually occurs over years of upgrading and maintaining a website- a lot of redundant styling builds up. It also happens when developers first build a website- the trial and error approach of developing usually leaves scars. In this case, CSS code.

The website I worked on had a HUGE stylesheet, and it was definitely one of the factors that helped with the slow loading. In fact, by the time it was uncluttered, the stylesheet had shrunk by more than three-quarters.

To help detect redundant CSS code, refer to this Remove Redundant CSS Tool.

14 Jan 2009 / 2 Comments / CSS Tips & Tricks / by Maruf

2 Comments

  1. 01/01/2011
    1

    This seems very useful, unfortunately the link is dead.

    thanks,
    Eric

  2. Maruf
    04/01/2011
    2

    Hey Eric,
    Unfortunately it looks like the tool has been removed. That’s unfortunate, was very useful :(

Leave a Reply

© 2012 BrightCherry :)