[Tutorial] Compress your CSS Code to make your site load fast

[persnalid]

Okay guys, here is a tutorial, which can speed up the loading time of your website drastically!!!Give it a try if you want!!!

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!


Link to the CSS Compressor :

http://tools.arantius.com/css-compressor

PeRsNaLiD

 

[shubhank008]

I/We will try it on IRapidLeech template although its more fast already
Is there a speed tester or such thing available so we can compare how much difference your tutorial made in loading time or speed

 

[persnalid]

Sorry, i didnt come across such a thing yet!!!

The website i gave you above, shows you the space it saved and also the Bytes reduced!!!!

 

[m107]

nice, thank you

 

[vizoomer]

try http://gtmetrix.com/ for testing ur site load and speeds

 

[Mr Happy]

try http://gtmetrix.com/ for testing ur site load and speeds

I love this site ^^


About CSS compression. This is a good thing to do and it's not just CSS you can compress. You can compress your javascript too. Their's hundreds of thousands of free online compressors available to try. Just be careful. Sometimes if you compress something too much they won't work. Also be careful if you've a lot of CSS3 as the compressors don't work that well on these since their not approved and a standard hasn't be defined.

 

[jannysoft]

Alternative to the css web page:

http://www.codebeautifier.com/

P.S.

I love

http://gtmetrix.com

 

[chipve]

Thankz , i will try it

 

[4tw]

Nice, thank you.

 

[persnalid]

GLad that you guys liked it!!!! Will post more such tweaks soon!!!

 

[GoPantheoN]

Nice, I ll give it a try.

 

[persnalid]

good to hear that!!

 

[Himura]

Works Like A Charm Thanks

 

[cyber-cliff]

is this fully working? what if i have a lot of css? i can still work with this?