最近用搭建的网站添加了的广告代码,网页加载速度太慢了,于是想着优化下加载顺序代码及代码,思路是延迟加载的,以及把的的代码放在页脚,最后才加载,以提升用户体验。
我的原生的 的代码如下:
(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
});
最后优化后,用户体验比之前好了很多,页面内容显示正常了,没有之前的慢了,但广告的脚本加载还是慢,如下图所示,不过也不影响体验了。
云衔科技是一家专注于企业数字化广告营销解决方案的服务商。公司凭借深厚的行业经验和专业技术能力,致力于为企业客户提供全方位、更高效的数字化广告营销与运营服务。