网站(WordPress)添加Google广告后加载速度太慢的解决方法

最近用搭建的网站添加了的广告代码,网页加载速度太慢了,于是想着优化下加载顺序代码及代码,思路是延迟加载的,以及把的的代码放在页脚,最后才加载,以提升用户体验。

我的原生的 的代码如下:



     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-9999999999999999",
          enable_page_level_ads: true
     });

优化后的代码如下:


window.onload = function() {
        setTimeout(function() {
                let googleAdScript = document.createElement("script");
                googleAdScript.setAttribute("async", "");
                googleAdScript.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
                document.body.appendChild(googleAdScript);
        }, 2500);
}

其中用了函数延迟了2.5秒的时间后再执行,最后在把广告显示的代码放在页脚,这个可以放在网站首页页面的的页脚。


     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-9999999999999999",
          enable_page_level_ads: true
     });

最后优化后,用户体验比之前好了很多,页面内容显示正常了,没有之前的慢了,但广告的脚本加载还是慢,如下图所示,不过也不影响体验了。

云衔科技是一家专注于企业数字化广告营销解决方案的服务商。公司凭借深厚的行业经验和专业技术能力,致力于为企业客户提供全方位、更高效的数字化广告营销与运营服务。

发表回复