ADVERTISEMENTS
Last time I wrote a post on Make Your Template Load Fast By Tweaking The CSS Codes, in that post I told you that how to tweak your CSS code, to make your template load faster. I got some comments asking if there is any software to compress the CSS code. At that time I did not knew about any such tool but today I came across a website that can ease your work and can remove all the unnecessary comments and whitespace from a CSS file. I used this tool and saved 21.48% space.
Why to compress CSS file
- It cleans up your CSS code.
- Makes CSS editing easy
- Fast loading of template
How to compress CSS files
1. First copy all the code present in your style.css file
2. Now open CSS Compressor from here
3. Keep the default options as it is but put a tick on One rule per line
4. Paste the code in the first textbox i.e Code In and click on Compress
5. Your new compressed code will appear in the second textbox i.e Code Out, copy the whole code from there and replace it with the old one and you’re done!
For more understanding, here is a screenshot for you.
Visit and enjoy : CSS Compressor
If you like this post, you will love these :
- How To Make Your Blogger Template Search Engine Optimized
- Top 6 Free Online Image Converters
- New Professional Blogger Template : Exotic
- Use Adobe Photoshop To Determine Any Color Code on WebPage
- 20+ Codes and Hacks Every Wordpress User Should Know
- How To Customize Google Custom Search Engine Watermark Image And Search Button
- 50 GB Online Storage For Free !!
Gaganpreet Singh on December 8, 2009 | Filed Under Best Websites, Blogger Tricks, Wordpress
Welcome to
{ 4 comments… read them below or add one }
Wow!!! Nice find Gagan. It will definitely help me in css code optimization. I am also planning to offer Blogger template service like you. Any tip?
Thanks for this info. One must always try and optimize where you can. Every little bit helps and one can see the difference straight away.
Nice pictorial presentation.
Exellent!