HackingUniversity - Hacks . Tricks . How-To's

21 July 2013

Make AdSense Ads Load Faster with Asynchronous Loading

People usually face page loading issues when ever they apply ads on their website, normally all the ads stop the page load as they need to grab a new ad from their server every-time someone refreshes the page. But still with AdSense we get a lot more refined experience but still we get some loading issues, so now to fix this thing up Google came up with Asynchronous Loading option that automatically renders ad after the page has been full loaded up. So now applying it is really easy and will not take much time.

Asynchronous AdSense Ads for Faster Page Loading

So now another good part about this technique is that the script for Google ads that was necessary to be placed with every code can now be placed just once and that right above the </head> tag, so it automatically loads all the ads and it is loaded even once. So now just follow below steps and make your website faster with AdSense too.

  1. Open Blogger > Template Edit HTML.
  2. Now press Ctrl + F and search </head> tag & paste below code above it.

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

  3. Now your script is placed, now its time to change all the AdSense codes.
  4. Open your AdSense Acc. > My Ads, now press Get Code option on your previously created ads and from dropdown menu choose Code Type – Asynchronous (BETA) like below.
  5. Now you will get your ads code like below:

    <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- HU 336 x 280 -->
    <ins class="adsbygoogle"
    (adsbygoogle = window.adsbygoogle || []).push({});

  6. Just remove the red line from it as you have already placed it right above the </head> tag, now just change previous AdSense code with new one.
  7. That’s it now your new AdSense codes are places and you can easily enjoy faster page loading with undisrupted ads loading.