Pagespeed Insights 页面得分使用 Adsense 下降答案

【问题标题】：Pagespeed Insights page score drops using AdsensePagespeed Insights 页面得分使用 Adsense 下降
【发布时间】：2022-03-09 21:01:03
【问题描述】：

我想在我的网页上添加广告：https://www.gamestegy.com，但是有一个问题。一旦我添加了 adsense 建议的脚本标签，我的页面分数下降了 10-20 分。此外，我开始从 Pagespeed 分析中收到这些问题：

我正在使用 nuxt js 应用程序（如果有任何效果），我用于获取 AdSense 的脚本标记如下所示：

<script data-n-head="ssr" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" data-ad-client="ca-pub-3965267899600337" async="" defer="" data-checked-head="true"></script>

我尝试使用 defer 和 no defer，但效果相同。我在这里有哪些提高分数的选择？或者我怎样才能更好地理解这里的问题？

问候，罗卡斯

【问题讨论】：

问题是广告脚本非常臃肿。如果您想要一个高效的网站，请不要使用 Google 广告。如果您想拥有广告，从您的服务器提供广告的第一方是您最好的选择。
@Nit 你的意思是介绍我自己的系统/平台来在网页上投放广告？

标签： javascript nuxt.js adsense pagespeed

【解决方案1】：

defer 脚本属性使 Javascript 在页面加载之前执行。您可以使用下面的代码在页面加载后加载 AdSense。

function adSense() {
  var e=document.createElement("script")
  e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
  e.setAttribute("data-ad-client","ca-pub-XXXXXXXXXXXXXXXX")
  document.body.appendChild(e)
}

window.addEventListener("load",adSense)

这并不能修复 PageSpeed 分数，但它显着提高了 WebPageTest 中的文档完成时间。

【讨论】：