There are some options when deciding what Blogger templates we should use. The official template provided by Blogger; the classic and new templates, would be easy to configure. But, you know, our blog looks amateur…. It was embarrassing enough when other blogger think us as a newbie. Worst, a slow learner newbie. J Even we are a newbie, like me, we don’t have to be that honest, right?

So, the wiser choice would be using 3rd party Blogger templates. There are many good bloggers provide us with free templates. You can download them as many as you can. Try it one by one until you find the appropriate template suit your need and preference.

Unfortunately, most free 3rd party Blogger templates are not neat. Although you see the template well previewed in the original provider, they are a mess when we try to edit the xml code. Most people prefer a nice and neat template to make it easier to edit or to insert plug-in and hack.

Logically, the more lines of code your template has, the longer it takes to load in a browser? And it is a fact that the slower your site, the more likely a visitor will be impatient. Rather than wait for it to load up, they may switch to another site. It’s a pity, but even myself, would do the same way.

I’ve wondering how to speed several of my blog, since the loading time is killing me.

Then, recently I found a nice article that discusses this. David in eBlog Templates suggest blogger to use CSSDrive that offers a free web-based CSS Compressor. This tool will essentially remove unnecessary white spaces and better organizes each css element into one line

There you can compress css code*, placed between <b:skin> and </b:skin> tags.

Remember! Make sure you had backup your full template code first! There is a probability that you do not like how your blog looks like after the css code compressed. And worse, you also might make a mistake while copying part of the code. Anyway, just back up it before you screw up your template code.

After you open free web-based CSS Compressor, set up first few basic options like compression mode and comments handling. They will determine how far the compression would be conducted.

Then paste in your css. After you click on the “Compress-it!” button it will go through your .css code and shrinks it down. Copy your compressed css code, and see how you like it.

I also try to clean up my WordPress blogs(loveosmatic) and, Eureka…! It does also works. Well, hope this little progress is going to make me, at least, not that newbie J

I think there no reason not to try CSS Drive’s free tool. I use it and it works. If yours don’t, you just reverse it. It’s nothing to loose!

* Part of your blogger code that determine the style of your entire blog (images, font colors, sizes, or space)

Reference :

Speed Up Your Blogger Page Load Time – Compress Your CSS

Random Posts

Loading…