How To Compress CSS for Better Page Loading time

Posted by Lasantha Bandara File Under : css, tools 6 Comments

1.Log in to your blogger dashboard and go to--> layout- -> Edit HTML

2.Now Cut CSS Code of your template.

NOTE : CSS Code is the code between the <b:skin> and </b:skin> tags.

3.Now go to cssdrive.com

4.Paste your CSS Code into the box.

5.Select ,
(a).Compression mode:- Normal

(b).Comments handling:- Select Don't strip any comments.

6.Now click on "Compress-it!".

7.After compressing your css code you can see like this message.

8.Now copy your Compressed CSS Code and paste it between <b:skin> and </b:skin> tags.

9.Now save your template and you are done.

6 thoughts on “How To Compress CSS for Better Page Loading time

  1. I have big problem with size of my blog. Need long time to load page. I use many tips, but not help. Please visit my blog to review what happen in my blog. Street1002.blogspot.com
    Thanx a lot.

  2. it says we to save your template shows an error
    it says codes are not closed properly
    wat can be do for this
    ....

  3. I've no idea how you guys do it. because i follow exact instructions and i keep getting errors like RaVi said

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.