Compress CSS Code of your Blog to increase the Speed

CSS Code of a blog hold design attributes (like font color, column size, background color etc) of various parts of blog. Compressing this code can result in faster blog and little saving in bandwidth.

With so make theme and template designers out there, everyone has own style of coding stuff. Some template may contain ‘bad hair day’ kind of CSS code with characters spread all over.

CSS compression does not delete any part of CSS code. It removes white spaces and better organizes each CSS element into one line. Before you perform CSS compression make sure you BACKUP CSS file (WordPress) or Template or Layout(Blogger).

Steps involved in CSS Compression

1.  Backup your blogger template.

2. Login to your Blogger Account.

3. In your blogger dashboard, click on ‘Layout’ > ‘Edit HTML’ and then click on ‘download full template’ button and save template on your Computer.

4. Next step involves copying ONLY css code from your template.

5. For that Search for <b:skin> and </b:skin> . Your blogger CSS code in between <b:skin> and </b:skin>  tags.

6. Copy that code and paste in online editor at CSS Drive online compression tool.

7. Click on ‘compress it’ button and now paste the compressed code between  and tags in your blogger template.

8. Preview your blog and it should be all fine with blog loading faster. In case something goes bad, restore your old template.

9. You could see difference of about 11% – 20% in the size of CSS code of your Blog. So, compress CSS to speed up your blog and CSS code look good to eyes with proper text formating with no characters spread all over!