Hello,

I noticed that bxslider is loading slow after the google adsense ad is loading when are more than on slider on a page.

The images are one after the other on the page and after all page is loaded then bxslider is completely loaded.

Does anyone else have this problem?


Thank you

@bgd
Adsense can slow down whole loading, it should be placed as last one, in asynchronous way or theme scripts should be loaded first.
What you see is simply render blocking content (adsense)

I found this:


 method 1 -  onscroll event. Ad will load when you scroll the page.


We have to remove <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> from original ad and to place it to an javascript bottom. The remaining code must stay where we want the ad to appear.

<script type='text/javascript'>
//<![CDATA[
var la=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===la||0!=document.body.scrollTop&&!1===la)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),la=!0)},!0);
//]]>
</script>
method 2 - noptimize . Ad will load when the content of the page is loaded.

<!--noptimize-->
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!--/noptimize-->


For me the best method is 2 because I have an ad on the top of the page
I don't know if google adsense accepts that. I found different opinions.

@bgd
Well, you will see in your stats.