先内容后广告的网页设计

今天看到一个先加载价值内容,然后加载广告的方法,和大家分享一下!

网站发展到一定规模随着网站广告挂的多了,加载起来就会就慢拖慢网页速度,令浏览者产生不好的体验,这里教大家一种挂广告的方法,就算放的再多也不会丝毫拖慢网页速度!当网页原来有价值的内容完全下载完后再加载广告位的内容,如果网页还没打开就不会看到任何广告,只是一个完全干净的页面。来体验一下吧!

1、 在需要添加广告的地方添加一个带ID的DIV比如:<div id="AD_600"></div>

2、在页面代码最后</body>标签前面加上以下代码:

<!---AD_600 By NuoDou.com---->

<SPAN  id=AD_950_htm  style=display:none>

<script src="http://www.NuoDou.com/AD_600.JS"></script>

</SPAN>

<SCRIPT language=javascript >document.getElementById('AD

_600').innerHTML=document.getElementById('AD_600_htm').innerHTML;</script>

其中http://www.NuoDou.com/AD_600.JS就是广告代码的js文件,当然也可以直接把广告代码放在这。

只需要这两部就可以实现效果啦,在网页完全打开之前放广告的位置是不会显示任何东东的,当然您也可以在第①步里写成这样:<div id="AD_600">广告加载中……</div>