广告优化之广告异步加载

2014年5月30日 由 admin 留言 »

基本上做站长的都有接触到广告,在挂广告的时候如果联盟之类的直接提供代码,我们放网站上去,如果联盟广告代码加载速度慢的话基本把整个网站的打开速度都拖慢了许多!当然了,稍微大点的站,或者站比较多的站长会用到百度的广告管家,cnzz的广告管家来管理广告,虽然百度跟cnzz作为两家比较大的公司,代码在大部分时候速度还可以,但是那个公共文件js有时也会有加载速度慢的时候。这个时候,咱们就需要用到广告异步加载了。

广告代码异步加载代码具体使用:

一,用带id的div占广告位,比如我们在某个区块要放广告,那么我们就用个div去占位。

<div id="www_top">Loading......</div>

二,在底部</body>之前放入下面的代码,用你的广告代码替换,如果是cnzz广告管家或者百度广告管家,把公共文件代码放到这个段代码的前面即可。

<span id="span_www_top"><!-- 实际广告代码--></span>
<script type="text/javascript">document.getElementById("www_top").innerHTML=document.getElementById("span_www_top").innerHTML;document.getElementById("span_www_top").innerHTML="";</script>

这样,在打开网站,广告代码还没加载进来的时候,那个广告区域会显示Loading……字样,除了广告区块网站其他地方会正常加载显示,浏览者在浏览的时候感官上会觉得网站速度很不错,尽管这个时候广告依然还在加载中。

不会出现整个网页其他代码基本加载完毕,但是因为广告代码还没加载成功,导致网站连续几秒甚至更长的时间是空白无显示,影响用户体验!
待广告代码加载完毕,Loading……区块会自动隐藏,位置会被广告代替。

广告位 
分享到:

发表评论