Archives

优化广告显示顺序,加快网站载入速度

05月 18, 2008

一般来说,如果我们用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 class=spanclass 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 class=spanclass 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>

推荐这种方法!如果要载入多个的根据第二种那样。十里地vista小工具之家就是用这种方法
相信这样就会加快载入速度了。

Categories: 实用技术 Tags: -------【发表评论】