13 Aug 2009

如何让某页面元素最后加载

很多时候我们在自己的站添加了某一个第三方的代码，包括广告，流量统计等，如果对方服务器的速度过慢的话，同样也会影响到我们的网站页面打开速度。以广告代码为例，谷歌的广告代码速度很快，不会影响到我们，但是阿里妈妈或者部落客等代码恐怕有些时候就会给我们的网站速度带来一些影响，当然并不局限于广告代码。那么如何解决这样的问题呢？

方法就是控制加载顺序，先加载自己的网站主要代码，最后加载广告等代码。

实现方法很简单，第一步，把以下这段代码放在你要放置广告的网页位置，先显示“广告加载中……”的字样，你也可以用空白或图片替代。推荐一个ajax载入中图片在线生成网站 — http://ajaxload.info/

<div id=ad_blogger>广告载入中……</div>

第二步，把下面这段代码放到页面的底部，将广告代码加载到上面那个位置，取代原来的文字。

1
2
3

<div id="ad_kay" style="display:none">这里放js广告代码或者其它加载比较慢的广告代码</div>
<script type="text/javascript">document.getElementById("ad_blogger").innerHTML=document.getElementById("ad_kay").innerHTML;
</script>

OK，刷新看效果吧！

转载请注明：
转自：守望的麦子[]
原文链接：/2009/08/how-to-make-the-final-element-of-a-page-to-load.html

Til next time,
Jason at 00:00