CSS is the key element of any blog. And when this CSS runs into thousands of lines, it increases the loading time. Use this awesome tool to decrease the loading time. Today I came across a website that can ease your work and can remove all the unnecessary comments and whitespace from a CSS file.
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 text box i.e Code In and click on Compress
5. Your new compressed code will appear in the second text box i.e Code Out, copy the whole code from there and replace it with the old one and you’re done!
Here is a screenshot to illustrate what is to be done (Click to Enlarge):
6 comments:
Thanks for that awesome posting. It saved MUCH time :-)
You are welcome. Hope the future posts also help you in one or the other way!
Sorry could not post much in past few days. Was a bit busy!
you're actually a good webmaster. The site loading velocity is amazing. It seems that you are doing any unique trick. Furthermore, The contents are masterpiece. you have performed a fantastic activity on this subject!
This is a well thought out article that I have bookmarked for future reading. Have a good.
Posts like this brighetn up my day. Thanks for taking the time.
Post a Comment