Reduce Your CSS File Size by 20% or More

Reading Time: < 1 minute

Once a site is developed, it’s pretty typical for the cascading style sheet (CSS) file to grow as you continue to customize your site over time. Even when your designer first loads the CSS, it may have all kinds of extra comments and formatting that are bloating it. Reducing attached files like CSS and JavaScript can help reduce load times when a visitor arrives at your site.

Reducing the file isn’t easy… but, as usual, there are tools out there that can do a great job for you. I happened across CleanCSS, a nice application for formatting your CSS and optimizing the size of the CSS file. I ran our CSS file through it and it reduced the file size by 16%. I did it for one of my clients and it reduced their CSS file about 30%.

css optimizer s

If you’re looking to optimize your JavaScript, Google Labs has a Java product called Closure Compiler free for download – or you can use the online version of Closure Compiler.

What do you think?

This site uses Akismet to reduce spam. Learn how your comment data is processed.