Speed up blogs showing Amazon Associates widgets

We all know that Amazon Associates widgets make a website or a webpage slow. Nowadays almost all of blogger.com blogs and lot of others including wordpress and others have amazon associates widgets on them, but they make the loading times of the websites slow.

So what can you do to deal with this problem?


The answer to this question can be:
Either stop using Amazon affiliate widgets or find some solution...
The Solution:

I am going to do the second thing here i.e. provide you with a solution.

Solution for Blogger.com:

How to speed up blogger.com blogs which show Amazon Associates widgets on there blogs?

Things you need:

An account with any hosting company.

First how to add Amazon Associates widgets on your site?

This can be done via Html/javascript gadget on design tab of your blog.

How to speed up Amazon Associates widgets?

You need to have an account with a hosting company to do so, don't worry almost all of us have one. Do not panic here because the procedure is simple.

Step 1:

Create a file with the name of the widget you are using ending with an html extension. Place it via file manager in cpanel or anything else you are using even you can create file like this via ftp. Name it as
windows_widget.html
This widget may be a slideshow or whatever of products related to Microsoft.

Step 2:
Open the file and paste the code of the widget into that file in html view and save and close

Step 3:
Now depending on the size of the widget paste this code into the Html/javascript gadget of blogger:
For Width 300 and Height 250 px widget: Use:

<iframe src="http://yourdomain.com/name_of_file.html" frameborder="0" height="270" width="320"></iframe>

For Width 336 and Height 280 px: Use:

<iframe src="http://yourdomain.com/name_of_file.html" frameborder="0" height="300" width="356"></iframe>

You must have observed that the width and height settings require 20 px to be added in the blogger gadget.

Word of Advice:

Usually users place these widgets in sidebar and this includes me, so anything larger than medium rectangle will never fit if your sidebar is limited to 320 px. But usually it is set to even lower so adjust it accordingly.

How to find the sidebar pixel value in blogger.com?

This can be found in design than template designer than adjusts widths.

Now save your gadgets, save blog settings and reload your blog, it will be faster.


Conclusion:

The idea behind this is that any gadget uses the server resources to interpret it, if we can just give it an iframe to draw while the original interpretation takes place on another server, this will make the websites faster. This same trick can work on almost all websites which use Amazon widgets.

No comments:

Post a Comment