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