Ads are slowing my site

Web Performance Optimization Discussions
1

I have ads from a number of third parties: Adsense, ContextWeb and LakeQuincy. They all operate using javascript. It seems to me that this is the bottleneck on my forum, which is Access World Forums

Is there anything I can do that could make the ads load faster? I know CloudFlare has some script called Rocket loader. Wondered if there is a similar product or service as I am already using MaxCDN so CloudFlare is partially redundant.

Thanks,

Jon

2

There aren’t any really good solutions for generically loading ads asynchronously. You pretty much have to ask you ad providers if they have an async or iFrame embedding solution.

The only ones I’m aware of are:

Doubleclick - Has a fully async embed solution, even the targeting code is loadable asynchronously

Adsense - the main JS is blocking (though cacheable) but they load the ad itself in an iframe so the ad performance itself should not impact the page

3

Where Are the ads/scripts in the html code, put a blank image and a <div id="load_top"> </ div> and remove the source script of ads.

At the end of loading the page, put

[code]


This line, replace with the source script lines for ads.
</ div>

window.onload = function () { document.getElementById ('load_top'). appendChild (document.getElementById ('load_top_footer')); document.getElementById ('load_top_footer'). style.display =''; } [/code] Then the banner will be rendered after the rest of elements of the forum. The ADS will not load faster, but the feeling for anyone visiting the forum will be something lighter. Best Regards.
4

“Wondered if there is a similar product or service as I am already using MaxCDN so CloudFlare is partially redundant.”
Just a quick note that there is no conflict using CloudFlare and MaxCDN and you should still see a performance boost.

Rocket Loader does, however, have the potential to break some JavaScript and jQuery & CloudFlare users should turn this off if they see something breaking.

5

Isub, I was very interested in what you posted and hope it will be the solution to my woes! Are you saying that the ads will no longer delay the loading of my forum content? I believe the ads currently add about 6 seconds to the typical loading time.

Couple of questions:

  1. Do I use

    for all adverts, or would I have to have
    ,
    ,
    etc for ads 1,2 and 3?

  2. What html would I have for a blank image? Bit confused on that one!

  3. Do I put the second section of code just before the tag?

  4. My banners are javascript based. Would that still work with this?

Looking forward to hearing what you say! Big thank you! :slight_smile:

6

Yes, first is render the forum, then after is render the ads.
The total time to render fullpage is the same (or similar).

You can/may one div for each ads.

You must replace the ads with something to occupy the same size, so that everything is displayed in the same place.
Otherwise the page flick (move during loading, sorry i don’t know the correct term)
For example: Replace

<script  src="http://tag.contextweb.com/TagPublish/getjs.aspx?action=VIEWAD&cwrun=200&cwadformat=300X250&cwpid=521268&cwwidth=300&cwheight=250&cwpnet=1&cwtagid=99980"></script>

whith (or other background-color)

<div style="width:300px; height:250px; background-color: #F2F2F2;"> <div id="load_top_1"></div> </div>

Best just before the ads that you have in the bottom of the forum

I have tested it with google-ads, it’s javascript too.

7

Thank you so much for that. If it works, it could make a huge difference to my forum!

8

Just make sure it doesn’t violate the TOS from your ad provider to move it around like that (assuming it works ok).

9

I am struggling with this. Here is what I have done.

Firstly, I am using this code in place of where my advert was:

[code]

[/code]

Then, right at the end of the footer after my Google Analytics tag, I am using this code:

[code]

window.onload = function () { document.getElementById ('load_top1'). appendChild (document.getElementById ('load_top_footer')); document.getElementById ('load_top_footer'). style.display =''; } [/code]

When I load my webpage, I can see the 300x250 placeholder there, but the advert never shows. Have I put my code in the wrong area or something?

10

Opsss, :blush: I don’t know.

I made a test with your pages, and for IE this works. ( http://www.galaxiagolf.com/recent3.html )
http://www.webpagetest.org/result/120504_W6_47H1K/1/screen_shot/
But don’t for Google Chorme nor for Firefox.
For your example I put the background in red, is more striking.

This technique works in all browsers (or that is I think), for me work for all browsers ( http://www.galaxiagolf.com/forum.php )

I think it’s possible that your pages there is some js error or other conflict, then don’t load the last (I don’t know sure)
Another issue, you must put one, and only one, window.onload

Pmeenan, I think don’t violate the TOS, nor iframe, nor ajax, nor modify code … but is a very good question.