Adsense ajax causes canvas to hang on pre-loader

Question

Hi

I've noticed that when using Adsense, some ad networks refresh their adverts every few seconds via ajax GET - if the canvas scripts haven't loaded in time this can frequently cause the page to hang on the pre-loader.

If we could put all the js in the header (rather than footer) then that might help resolve the issue as it would 'probably' then load before google Adsense loads although putting all the js in the header breaks canvas (I've tried putting jquery in the header - which didn't seem to make much difference).

The following page frequently recreates the problem but it will depend on what adverts are served to it - so you may need to refresh a few times.

Please help,
A

SemiColonWeb · Accepted Answer

Hello,

Adding the JS in the Header is really not recommended due to Page Speed issues which will cause the Pages to slow down further. Actually there is a really quick fix for this issue. You can simply add the data-loader-timeout="3000" to the <body> tag which will force the Page to display after showing the Page Loading Transition for 3 Seconds. Code Example:

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Astro20000 · Answer

Seems to be more common on Chrome on Macbook

Astro20000 · Answer

That's brilliant thanks!

Astro20000 · Answer

Hi Support

It appears to still cause problems and I don't like the idea of disabling the transition all together.

The page loads but sometimes the js required to organise the masonry fails, I think it is still related to async Adsense js that refreshes some adverts every few seconds.

The page in question is: https://www.dogfocus.co.uk/dog-shows/show-8351/leeds-city-amp-district-canine-association/07-21-2017/?enablerightclick=true

Thanks
A

Semicolon Web · Answer

Hello,

Thanks for your Patience!

We have checked out your Page repeatedly and the Masonry Layout appears to be working fine for us along with the Adsense Ads and the Loading too. Can you please check if you are using any AD Blocker Plugin which might have been causing this issue. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.