Online CSS compressor tools to optimize your stylesheets


We all know how important is for websites to load as quickly as possible. Optimizing your CSS files is one way to improve the performance of your website. Faster loading times equals increased usability and higher user satisfaction.

While you could do this manually, these great tools will help eliminate any bloat from your files.

1. CSS compressor from cleancss

CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise.The CSS optimizer was originally developed by some awesome dudes over at CSS Tidy.

2. CSS compressor from cssdrive

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. The “Normal” mode should work well in most cases, creating a good balance between the two.

3. CSS compressor from csscompressor.com

Use this Cascading Style Sheets, CSS Compressor to compress CSS to reduce CSS code size and make your web pages load faster. You can select from four levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. It is quick, easy and free!

4. CSS compressor from Arantius

This is, though, written in javascript so it’s all client side (no transmitting your CSS to someone elses’ server), and it has a few more capabilities, plus configurable options. It basically takes out comments and whitespace from a CSS file, which can save more space than you might imagine.

5. CSS compressor from lotterypost

The CSS Compressor greatly reduces the size of standard CSS code, stripping out unnecessary characters and implementing CSS shortcuts, allowing you to minimize the size of CSS file downloads on your web site.

This tool does not store a copy of your code.  The server processes it on-the-fly and returns the output to you without storing anything.

6. CSS compressor from ebiene

Best way to compress javascript and css Make your code faster for free.Paste the code into the form field, and choose between basic and powerful compress. Second one should be more effective. There are no options offered, and also you cannot upload a file or specify CSS file url.

7. CSS compressor from askapache

Here you can upload a CSS file, specify CSS file url, or just paste the CSS code into the form field. Whichever you choose, you don’t get any options to select from but to press the button and collect the result.

8. CSS compressor from pingates

Compressing CSS is a great way to save some bandwidth, especially on more complex sites with stylesheets reaching more than 1000 lines of code. There are many websites out there that will compress your stylesheets for you, but the problem is maintaining them afterwards. Either search through a cryptic block of code, or keep backups and recompress after every change. While you might save file size, you’ll probably lose development time.

9. CSS compressor from Yui

This one is based on YUI Compressor which stands for Yahoo! User Interface. The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications. It also offers file uploading along with traditional paste the code into the form field, and a few options to play with.

10. CSS compressor from Code beautifier

Another one based on CSSTidy which we already mentioned. Also has some problems with own CSS styles so if it wasn’t based on CSSTidy, we would not know what to think about it.

11. CSS compressor from Code Flumcakes

Other than looking at chained girl silhouette in the website header, here you can specify some options and choose whether you want your CSS code loaded from url, or you will paste it into the form field. No file upload option.

12. CSS compressor from cssoptimizer

First one so far that offers you to specify CSS styles through file url, upload file, or simply paste the CSS code into the form field. Although it offers that, it lacks other fancy options and offers only very basic ones.

13. CSS compressor from Mabblog

Specify CSS file url, or paste CSS code into the form field, and collect the results. No fancy options, no file upload. Simple as that.

14. CSS compressor from pagecolumn

No fancy options, and no possibility to specify a CSS file, or CSS file url. It does, however, offer you to find and remove unused classes and ids, which is not a common option amongst other compressors.

15. CSS Code Formatter and Optimizer from Cssportal

CSSTidy all the way. Nothing more to add here.

16. CSS Formatter and Optimiser from pagecolumn

just another CSSTidy based compressor. We all know what that means.

About livefordo

This article is narrated by Sivakumar. Photography and design lover.I love these two essential things more than my web developer job.So only i have launched Pokkisam Follow me in twitter to get interesting things in photography and design >>pokkisam
This entry was posted in Resources and tagged , . Bookmark the permalink.

2 Responses to Online CSS compressor tools to optimize your stylesheets

  1. Pingback: Online CSS compressor tools to optimize your stylesheets | Most … | My Blog