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

问题描述

问题是当我加载广告脚本时 <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 上进行测试。问题是，有什么方法可以让我使用谷歌广告，同时页面速度仍然可以接受？

解决方法

我做过一次，它只在用户滚动时加载 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();
    }
};