Warning: Undefined array key "wordpress_logged_in_86e15fc9095b54426ca1c1eb00258960" in /www/wwwroot/vpsite.net/wp-content/plugins/cos-html-cache/cos-html-cache.php on line 103
如何使谷歌广告不影响页面内容加载速度 – VPS Site-VPS信息站

在网页上放置谷歌广告代码可能会碰到Google AdSense广告不加载,或者加载慢的问题,结果会造成网页显示速度缓慢,或者网页显示不全等问题。这样就会给站长们管理自己的网站带来不方便。

大家都知道浏览器是按顺序来读取网页中的代码的,所以为了不让谷歌广告的加载速度影响整个网页的加载,可以考虑把谷歌广告代码放到整个网页代码的最后,这样,不管谷歌广告加载正常不正常,都会把网页其它内容先加载完。

方法:

首先将 <div id="ad"></div> 这段代码放置到广告要显示的位置

第二步

<div id="ad_google" style="display:none">你的谷歌广告代码</div>
<script type="text/javascript">
if(document.getElementById("ad") != null)
{
document.getElementById("ad").innerHTML = document.getElementById("ad_google").innerHTML;
}
</script>

//把上面这段代码放到整个网页代码-比如显示谷歌广告页面模版的最底部,也就是</body>的前面

解决原理是先让浏览器加载 <div id="ad"></div> 这段代码

最后才让浏览器加载Google AdSense代码,如果谷歌广告能够被正常加载,那<div id="ad"></div>代码将会被替换,如果谷歌广告不能被正常加载,那么页面将不会出现任何情况,等谷歌广告加载完毕会出现在要显示的位置上

大家可以举一反三,这段代码不光可以用于谷歌广告的加载显示上。也可以用于其他加载速度慢、影响页面加载速度的内容放在页面最后,让页面最有用的内容可以快速加载。

 

发表评论

您的电子邮箱地址不会被公开。