How to increase AdSense Ads Banner loading speed by 70%?

improve AdSense

AdSense is major source of earning from Blog. No doubt that AdSense is very popular among the users. AdSense allow us to place 3 Banner ad units, 3 link units and 2 search boxes to display ads. But the issue is if you add those ad units, link and search box then your Blogger template will become slower. Even my Blogger template becomes slower after adding 3 ad banner and 1 search box.

 However if you use less ad banner then your earning will affect. So we have to make our Blogger template faster. Isn�t it? To make your Blogger template you have to delete widget, JavaScript etc. And as a result your site may not perform well. But if you don�t monetize your Blog properly then your site income from AdSense won�t be good.

Have you ever seen many Blog and website where displaying 4/5 ad banner by tweaking but while loading site then it is performing faster. So what�s the secret? This is not a big secret or trick.

Before revealing the hidden truth you should know an importing thing about Adsense ad banner loading system. When an Adsense ad banner load then a JavaScript file load with it. That means if you place 3 ad banners then with your Adsense ad units 3 JavaScript will load. Note that more JavaScript means more time required to load. As a result your site will become slower for multiple ad units.

For Ad unit load faster Google AdSense has introduced Asynchronous script which is helping the ad units� load faster. But still integrating more ad units in our Blog, this is affecting our site loading time.

But I got a solution, which will make our AdSense ad unit faster to load. This can increase our AdSense ad unit loading time 70% faster than before.

You can see the below example- This is a sample AdSense banner code whose dimension is 300px width X 250px height.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!�Ad Title -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

You may notice that an Asynchronous JS file at the top of the ad unit. And this will load after loading your Blogger template each time. And if you place 3 ad banner then 3 JS file will load with it.

But the interesting fact that, suppose you have placed 3 ad banner then only 1 Asynchronous JS file is enough for loading 3 ad units at a time. So here is the main trick. So what I did that I have removed the entire Asynchronous JS file and place one file above closing head. As a result now in my site loading 1 Asynchronous JS file but displaying 4 ad banners.

So to increase AdSense Ads banner loading speed by 70% first remove all JS script like below from your Ad banner script.

<script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

And follow the below steps to place the JS file in Blogger template.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find </head> by pressing Ctrl+F (Windows) or CMD+F (Mac)

Step 4 Paste the below code Before/above </head> 
<script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
Step 5 Now Save template button

Now check your Blogger site loading speed. I am sure that your template is now become faster than before.

One question may arise in your mind that due to removing JS file your ad unit click may not count. But this is absolutely wrong. Because I am using only one JS file for my all ads banner and all banner is generating income for me. So don�t worry about this. 


EmoticonEmoticon