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