A CSS or Cascading Style Sheet is backbone of any website. In general CSS is a .css file stored in your website’s main directory contains customized styling properties for your webpage.
Once you started customizing and developing your website/ blog typically your CSS file grows and later which affects your site loading speed.
Even a professional web designer would make a silly mistake while designing the site by adding invalid CSS properties. Finding those mistakes on your CSS file and optimizing it in a proper way can help to reduce page loading time of your site.
Since Google considers your site loading speed to determine in ranking you must take care of those mistakes in your CSS file and need to optimize it for better performances of your site.
But as you already know, optimizing CSS isn’t an easy task for everyone. You need to be very careful in each step and line. A small mistake can make cause a severe damage to your site.
Recently, I happened across a free online CSS optimizer website called CleanCSS and would like to share my views about it today.
CleanCSS is a free online tool to optimize CSS files. This awesome tool helped me to reduce my CSS file to 27.7% which is -11116 Bytes from original CSS I used to have.
I usually play with my blog’s design (if you are my regular visitor, you must have noticed it) which resulted in lot of unused CSS properties an extra bytes. When I run my CSS through CleanCSS it reduced the size by 27.7% and saved whooping 11116 bytes.
How To Use CleanCSS – Free Online CSS Optimizer Tool
Using CleanCSS isn’t a rocket science, you just need to paste your main CSS file (usually style.css) content to css input section and click on process button. Bingo, there you have your results in seconds.
There is a section called Messages which displays the changes made in to your css and output box where your optimized CSS appears.
There are few options available for you, have a look on them and select as per your requirements.