用js解决广告代码载入慢的问题

网页的打开速度直接决定着网站的友好度. 但对于要放置广告的网站来说, 想广告不拖慢网页的载入速度很困难. 有过经验的朋友都知道, 如果直接放置广告,而广告载入慢, 页面加载就会广告在那里.

如果我们用js来调用广告的话，如果广告商的广告加载慢的话，就会使我们整个的网站加载慢，主要是网页的显示顺序是从上到下，而广告我们一般都放在前面， 有几个方法可以是js在等网站全部载入完后再载入，当然这种方法不止用于广告显示，包括比较慢的js文件都可以用。

如果你的网站有GG AdSense有段代码能显著加快网站载入速度：
<div id=”googlead” width=”广告的宽度” height=”广告的高度”>
<div id=”googleadcode” style=”display:none”>
#在此贴入您的广告代码。贴入后请将此行删除
</div>
<script language=”javascript”>
if(document.all.item(”googlead”) != null)
{
googlead.innerHTML = googleadcode.innerHTML;
}
</script>
另外还有一种方法：

一：把这段代码放在你要放广告的网页位置：
<SPAN id=ad_01><img src=”{dede:field name=’templeturl’/}/10lidi/images/loading.gif” /><br />正在载入请耐心等待…</SPAN>

二：把这段代码放到页底：
<SPAN class=spanclass id=span_ad_01>
<script type=”text/javascript” src=”你的js地址</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=””;</SCRIPT>

如 果要放多个js可以这样：

这个放到你的广告的位置

<SPAN id=ad_01>广告载入中,正在加载第1个广告…</SPAN>

<SPAN id=ad_02>广告载入中,正在加载第2个广告…</SPAN>

下面的放到底部：

<SPAN id=span_ad_01>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML=””;</SCRIPT>

<SPAN id=span_ad_02>
<script language=”javascript” type=”text/javascript” src=”你的js地址”></script>
</SPAN>
<SCRIPT>ad_02.innerHTML=span_ad_02.innerHTML;span_ad_02.innerHTML=””;</SCRIPT>

不过这种方法对firefox浏览器兼容不好。在更新一种方法：

第一步：把这段代码放在你要放广告的网页位置：
<div id=”myads”>广告载入中…</div>
第二步：把这段代码放到页底：
<div id=”span_myads”>
这里放广告的JS代码或其他加载速度比较慢的内容都可以。
</div>
<script type=”text/javascript”>
document.getElementById(”myads”).innerHTML = document.getElementById(”span_myads”).innerHTML;
document.getElementById(”span_myads”).innerHTML = “”;
</script>

推荐这种把加载的代码写在最后的方法！等页面完成再整个显示出来.