网页加速:让网页内容加载完再加载广告或其他代码

林继 WordPress 2,834 共写了457个字 (2010-12-23 23:19:17) 没有评论 打印 扫描二维码 百度未收录

加速原理:让网页内容加载完再加载广告或其他影响速度的代码
加速方法:
第一步:把下面的代码放在你要放广告的网页位置,让它先显示“Loading…”的字样

  1. <div id=ad_box> Loading... </div>

第二步:把下面的代码放到页面的底部(通常加在foot文件中),将广告代码加载到上面那个位置,取代原来的文字!

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

这样设置以后当刚进入网页的时候在广告位置显示的是 Loading… 等网页显示完毕,广告载入后就显示了,如果广告服务器出了问题,不会因为广告影响了网页访问!
  代码兼容测试通过:IE6/7/8、Firefox、Opera、Chrome、Safari
  注:这样为一组代码,可以控制一个广告单元,如果想控制多个广告单元复制这些代码重复一次即可。但ad_box记得重命名例如ad_box1、ad_box2、ad_box3 这样递进的循环。
以上代码参考自:游子网络 – http://www.yziw.net/archives/1988.html

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >