以一种巧妙的方式加载Google和其他广告javascript

Question

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

当广告被禁用时，网站在不到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>

现在，问题不在于adsbygoogle javascript，它的加载速度与我的内容一样快；问题在于脚本从外部源加载的所有广告内容，这些内容在我的博客的重要内容(如文章的文本和图像)加载时随机加载。

我读过Load Google Ads after entire page has loaded关于window.onload = function()的这篇文章，我想知道，从这个答案五年后，我是否可以用它来加快广告的速度？

Answer 1

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

在WordPress上有一个非常酷的插件，https://wordpress.org/plugins/flying-scripts/和WPRocket都引入了延迟执行javascript的功能(包括Google )

Answer 2

不，您必须考虑一种延迟加载adsense广告的方法。在考虑懒惰负载时，我发现adsense不会按顺序将广告插槽推到特定的容器上。延迟脚本加载会带来进一步的延迟和瓶颈，最终导致较低的可见性和收益。到广告加载的时候，用户应该已经离广告更远了。

更新的

下面是实现Lazy Load Ads的一种方法