别让广告拖慢你的网页速度：巧妙处理广告代码，加速显示网页内容

网站版权时间自动获取JS代码

网站开发人员应该知道且注意的62件事

24 Apr.2011

作者: 我就是个世界分类：技术&学习 » 网页设计出处：本站原创

大 | 中 | 小

如果你在网页中放置了百度联盟广告、谷歌adsense等内容，尤其用国外主机的站点，大部分时间都是在等待百度联盟广告、谷歌adsense等广告的时间，严重影响了查看网页的热情。
网上有很多先加载网页后加载广告的方法，但是方法都类似，请看如下方案：

通用方法：
一、在网页最底部中添加

<div id="广告代码名称" style="display:none">此处为具体的广告代码</div>
<script type="text/javascript">document.getElementById(“广告位名称").innerHTML=document.getElementById("广告代码名称").innerHTML;</script>

二、在广告页面具体位置添加

广告载入中…

例子：
我们要在网页中插入一段百度广告大小为: 728*90 广告位名称为: A1 广告代码名称为: ad_728x90
广告代码为：

那么上面的代码就应该这样写：

在网页最底部中添加：
<div id="ad_728x90" style="display:none"><script type="text/javascript"> /*标题开头区块728*90，创建于2010-10-13*/ var cpro_id
=
'u239253';</script>
<script type="text/javascript" src="http://cpro.baidu.com/cpro/ui/c.js"></script></div>
<script type="text/javascript">document.getElementById(“A1").innerHTML=document.getElementById("ad_728x90").innerHTML;</script>
在广告页面具体位置添加：
<div id="A1">广告载入中…</div>