QUICK TIP - Speed up page load times when running Google Adsense To Earn more money

0 123,455,733
ultimate_autopilot_adsense_method_v2_free_traffic.jpg | A&H Business Technology
Related posts

Google ads are an easy way to monetize your site, but their implementation leaves a lot to be desired. To insert a Google ad block on a page one has to insert two script blocks: one to set the adverts parameters, and one to load the external Google script.

The problem is that the scripts have to be inserted in the body at the place where the advert is desired. This is because Google uses JavaScript’s document.write to generate an iframe, which then loads the ad. If Google’s servers are being a bit laggy then your visitor has to wait for the Google script to finish loading before the rest of the page is rendered. The closer your ad is to the top of the page, the worse the resulting problem is.

A number of solutions have been proposed, including overwriting the document.write method, and inserting the Google script through DOM manipulation. Unfortunately this breaks in Safari 2.0, and breaks any other instances of document.write you may be using.

So here is the solution we’ve come up with:

Normal set-up

Optimised set-up

What it does

  1. Creates a place-holder div for the where the ad will end up
  2. Places all the ad code in an “footer div” at the bottom of the page – this prevents your page from “locking” while the Google scripts load
  3. Hides the footer “footer div” with css so the ads don’t ever show below your page, causing the page height to “jump”
  4. Waits for the whole page to load before moving the ads (the window.onload bit) thus preventing Internet Explorer from getting really upset.
  5. Moves the ad to it’s placeholder, and un-hides it

Of course you may not want to use window.onload. If you attach the function to an event you can modularise the whole ad insertion in your code. Using a JavaScript library (Prototype in this case, but others will look similar) results in the following change to the last script:

All scripts are Public Domain.

TinyURL for this post: https://tinyurl.com/y2vylz4n

Sorry, The Comment Form Is Temporarily Closed At This Time
You may also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

Language:English