How To Compress CSS for Better Page Loading time

Posted by Lasantha Bandara on June 19th, 2009 File Under : css, tools6 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.

File Under : css, tools

6 Responses to “How To Compress CSS for Better Page Loading time”

  1. denny says:

    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. SymbianGoGetter™ says:

    wow awesome! thanks!

  3. IT`S RaVi says:

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

  4. වෙජී‍ says:

    It rox man. It significantly improve the speed of my blog's page loading. Thanx man. Keep it up. 🙂

  5. Alvin says:

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

  6. Teckop says:

    Really awesome idea blogger...
    I have done it to my blog....

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.