如何在不影响页面加载速度的情况下加载谷歌广告？

【问题标题】：How I can load google ads without effect page load speed?如何在不影响页面加载速度的情况下加载谷歌广告？
【发布时间】：2021-10-01 09:09:27
【问题描述】：

问题是当我加载广告脚本时 <script data-ad-client="ca-pub-xxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" defer></script> 到我的网站，它使我的网站页面加载速度非常慢，并且在https://developers.google.com/speed/pagespeed/insights 上的测试失败。问题是，有什么方法可以使用谷歌广告，同时页面速度仍然可以接受？

【问题讨论】：

标签： javascript jquery seo web-deployment google-ads-script

【解决方案1】：

我这样做过一次，它仅在用户滚动时加载 gtm 脚本。非常适合 pagespeed-insight。很确定你也可以将它与 adsbygoogle.js 一起使用

var i_a = {
    loaded_gtm: false,
    initGTM: function() {
        $.getScript("https://www.googletagmanager.com/gtag/js?id=UA-xxxxxx-1", function(data, textStatus, jqxhr) {
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());
            gtag('config', 'UA-xxxxxx-1', {
                'anonymizeIp': true
            });
        });
    }
}
window.onscroll = function(e) {
    if (!i_a.loaded_gtm) {
        i_a.loaded_gtm = true;
        i_a.initGTM();
    }
};

【讨论】：