【问题标题】:Google Adsense and Google Analytics make my lighthouse score very low, is there any solution for it?Google Adsense 和 Google Analytics 让我的灯塔分数很低,有什么解决办法吗?
【发布时间】:2020-08-20 15:31:16
【问题描述】:

我有一个同时包含 Adsense 和 Analytics 的网页。

只是用正常的方式添加了相关的JavaScript代码。

但是,灯塔分数非常低。我发现一个重要的原因是 Google AnalyticsGoogle Adsense 的集成。

对此有什么解决方案/建议吗?

【问题讨论】:

    标签: pagespeed lighthouse


    【解决方案1】:

    尝试延迟加载脚本。我为您提供了两种不同的方法:

    使用 setTimeout()

    function KJ_AsOT(){var a=document.getElementsByTagName("head")[0],b=document.createElement("script");b.type="text/javascript",b.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",a.appendChild(b)}setTimeout(KJ_AsOT,1500);
    

    将超时 1500 设置为您想要的任何时间。数字越大,解决此问题的可能性就越大。

    滚动加载

    var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); 
    

    当用户滚动时加载您的脚本。这种方法也使得 AdSense 广告只在用户滚动时加载,所以这种方法有很小的可能会减少您的收入。

    您也可以将这些方法应用于 Google Analytics。在添加上述代码之前,请务必删除 HTML 中的所有 https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

    【讨论】:

    • 谢谢,只是想知道为什么是“1500”?这个数字有参考吗?
    • 这是超时,我将其设置为 1.5 秒(1500 毫秒),因为这对我的网站有好处。你可以随意修改它。
    • 延迟GA是好的,但延迟adsense不仅会影响收入,还会影响版面。我可以知道你的网站是什么吗?
    猜你喜欢
    • 1970-01-01
    • 2021-05-10
    • 1970-01-01
    • 1970-01-01
    • 2010-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多