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

Question

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

Answer 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();
    }
};