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. :)

If you liked this post, share it with your friends!

4 Comments

  1. Craig says:

    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. Jordan says:

    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!?

    Thanks

  3. valiik says:

    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.

  4. Fren Dee Bee says:

    I agree to valiik, every bit of your website files counts when you’re receiving large traffic. Great tool by the way. Thanks for sharing.

Please Leave Your Comment

Please make sure to enter the required information where indicated. We moderate all comments so please no link dropping; do not spam, and do not advertise!
 

Name (required):

Email (will not be published) (required):

Website:

Comment: