Cut Your CSS File Size by 30%

Yep, when you are done editing your site, removing the white spaces from your CSS file can trim your file size down up to 30%. But who wants to go and ┬áremove those pesky white spaces and carriage returns out by hand? Not me, I can tell you that. And yes I am sure they have tools for that out there… somewhere… But I went and created a simple one for my self so I can optimize them CSS files and then Un-Optimize them back if I need to so I can actually read them.

Click here to go to the Optimize CSS & Un-Optimize CSS Tool

Sometimes I also want to go and see how some element is made on another site but I go and view source and all I see is a bunch of code all clumped up together (it’s just optimized), but I can’t read any of it like that. So I use the Un-Optimizing tool to make it all readable again.

Bookmark this tool! You will need it, I guarantee it. :)

Author: Valik Rudd

Valik (Valiik) Rudd is an Internet entrepreneur. He develops new online businesses and creates new websites. His other passion is writing about the those things. Web Design Ideas blog is the outlet through which his ideas and web design tricks and tips get recorded and shared with others.

4 thoughts on “Cut Your CSS File Size by 30%”

  1. This is a great tool.
    You can cut down the size of your CSS when you create them by changing the settings in your editing program ( i use dreamweaver).
    Go to preferences and adjust the css styles and code format => advanced format css and you will make many of the necessary changes to output much smaller CSS files.

  2. I’m sure why this would be useful? Typically my CSS files are no more than 5-10KB! When you talk about cutting the size, are you referring to the file size? Do we really need to worry about a few KBs?

    If it took up a few extra bytes wouldn’t it be worth the accessible layout and understandability of the CSS for future reference?

    I’m probably missing something here!?


  3. This would mean a lot if the site was getting huge amount of traffic. Every little bit helps. Some sites are built on a test server where the CSS is kept in a formatted form and once it is ready to be published, it is optimized and then the whole site is cached for better performance. This is good for huge sites.

Leave a Reply

Your email address will not be published. Required fields are marked *