以一种巧妙的方式加载Google Adsense和其他Advertise javascript



我正在运行一个wordpress博客,其中包括来自adsense和Google ADX的广告。

当广告被禁用时,网站在不到1秒的时间内加载,而当广告被激活时,网站会在3-4秒内加载。

我知道有广告的网站的表现总是比没有广告的网站差,但就我而言,问题是加载广告的时间不对。

我目前在页脚加载我的广告,就像这个

<script async defer src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "my ad client",
enable_page_level_ads: true
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async defer src="https://www.googletagmanager.com/gtag/js?id=my id"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'my id');
</script>
<script async defer src="https://cdn.exmarketplace.com/bidder/adsboosternopb.js"></script>
<script async defer src="https://cdn.exmarketplace.com/bidder/my web/my web.dfp.js"></script>

像这样的广告单元

<!-- Adaptive Header -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="my ad client"
data-ad-slot="my ad slot"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

现在,问题不在于adsbygooglejavascript,它的加载速度和我的内容一样快;问题是脚本从外部来源加载的所有广告内容,在我博客的重要内容(如文章的文本和图像(的绘制或加载过程中随机加载。

我读过这篇文章,在整个页面都加载了关于window.onload = function()的内容后加载谷歌广告,我想知道,在这个答案发布5年后,这是否是我可以用来加快广告的一种方法

不,你必须考虑一种懒惰加载adsense广告的方法。在考虑lazylod时,我发现adsense不会按顺序将广告位推送到特定的容器。延迟脚本加载将导致进一步的延迟和瓶颈问题,最终导致较低的可浏览性和收益。当广告加载时,用户已经滚动到离广告更远的地方。

更新

这是一种懒惰加载广告的方法

多年后,在鼠标滚动或触摸(如果是触摸屏设备(上加载javascript已经成为一件事。

在WordPress上有一个非常酷的插件可以做到这一点https://wordpress.org/plugins/flying-scripts/以及WPRocket已经引入了延迟javascript执行的功能(包括Google Adsense JS(

最新更新