How To Make Blogger Blogs Load Faster
Posted by on 21 April 2010GD Star Rating
loading...
loading...
The longer your readers have to wait for your blog to load, the higher the frequency with which they abandon your blog for someone else’s unless of course they are desperate for the information on your blog ![]()
Optimizing your blog’s CSS is one of the many ways of decreasing your blog’s load time so here’s how to achieve this for Blogger Blogs.
HOW TO MAKE BLOGGER BLOGS LOAD FASTER
Step 1
Simply log into your BlogSpot dashboard and click on Layout.

Under Layout select Edit Html.

When the HTML editing page opens, back up your template by clicking on Download Full Template.

With that out of the way, click on expand widget templates and wait for the page to reload.
Step 2
Look for the <b:skin> and </b:skin> tags and copy EVERYTHING between them. This is your blogger template’s CSS code.
Step 3
Navigate to CSS Drive Compressor and paste your CSS code. Leave the settings as it is or modify it to suit you needs then submit it and wait for your optimized code to be generated.
Step 4
Copy the generated optimized version of your CSS code, go back to blogger and paste it in between the <b:skin> and </b:skin> tags to replace old CSS code then save your template. Browse through your blog and you should notice a boost in speed of your blog’s loading time.
Feel free to comment below if this post has been helpful.
Related Articles You May Like To Read
- How To Evade Duplicate Content In Blogger Blogs
- How To Show Related Posts In Blogger Blogs
- How To Get Relevant Adsense Ads In Blogger Blogs
- How To Install Google Analytics In Blogger Blogs
- How To Add Google Adsense To Your Blogger Blog
Really pays to have your website optimized to load as fast as it can. I’m sure Google gives some sort of value on loading time. Also it helps from getting people turned off by your website if it’s not loading too slow. I know I hate it when the page loading indicator takes too long to stop spinning even when the page seems to have loaded fully. There are still background processes that haven’t finished yet. I would suggest you take care of this as well.
.-= Angela Lån hopes you will read…Thorn =-.
Load speed is also something that Google is now factoring into ranking. So if you want to do well in the SEs you better load fast into browsers.
hey thanks a million, really helped
i do not know where to place this code, please help!
could you make this clearer since am new to blogging
should i post the code generate twice in this places ?
and
Nope. You delete the old code in between and and insert the new compressed one then save
Won’t save the new template after the change. Blogger says:
Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input:
I never encountered that error message @ all. Do please make sure that you’re using the default settings of CSS Compressor. You can also download and attache your template in an email to me [strictlyonlinebiz (at) gmail (dot) com] and I’ll help you compress it, if you so wish
I too am facing the same problem. Old template was easy to compress, new one seems to be having some problem with compression.
Wow I was searching for this tip for a long time. I get roughly 20 % traffic from mobile devices. I got a question for you why do Google ads do not render on mobile devices any idea?
The thing is you can’t use the same adsense code on desktop sites for mobile sites. You have to generate an adsense for mobile code if it’s already available in your country
Thanks Its really works for me from 6.8 sec to 2.3 really works great
Cool. You’re welcome man
Loading time is def included in the google algorithm and I’m sure that your rank way better when you load faster, logically it should be that way
thank you for this useful css compressor . its really helped to incrase my blog loading time..
You are welcome
wow, that totally knocked my blog out of whack