加入收藏 | 网站地图 | | RSS | WAP
你好,游客 登录 注册 搜索

别让广告影响了你的网页加载速度

[日期:2010-12-07] 作者:blue1000 来源:BK网络学院 [字体: ]

BK网络学院本次针对站内网页加载速度慢的问题做了分析,发现罪魁祸首是业内广告。随后做出了调整,使用JavaScript代码让广告在页面夹在后加载,这样就保证了页面加载速度,提升了用户体验度。以下是方法:

1、在广告位置放置空div或者span,将他们的id命名为myAd_0、myAd_1、myAd_2……

2、在页面尾部增加以下隐藏的广告层:

<div style="display:none">

<div id="myAd_0_t">
广告代码1
</div>
<div id="myAd_1_t">
广告代码2
</div>
<div id="myAd_2_t">
广告代码3
</div>

……

</div>

3、在隐藏的广告层后面,增加以下代码:

<script type="text/Javascript">
function fillAds(fixStr){
 var adCount = 0;
 while($i(fixStr + "_" + adCount) && $i(fixStr + "_" + adCount + "_t"))
 {
  $i(fixStr + "_" + adCount).innerHTML=$i(fixStr + "_" + adCount + "_t").innerHTML;
  $i(fixStr + "_" + adCount + "_t").innerHTML="";
  adCount++;
 }
}
fillAds("myAd");
</script>

注:代码中的“$i”为自定义函数,作用:按id获取节点对象。

效果演示:http://www.blue1000.com/

关键词:网页  速度  广告  加载 

收藏 推荐 打印 | 录入:blue1000 | 阅读:
本文评论   查看全部评论 (2)
表情: 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事/刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 2 楼
* 匿名 发表于 2017/1/1 14:06:46
http://www.blue1000.com/bkhtml/c97/2007-07/52906.htm 聘任书格式及范文:http://www.135995.com/show/2488.html 岗位聘任协议书:http://www.135995.com/show/2487.html
第 1 楼
* 匿名 发表于 2016/12/24 17:02:22
http://www.blue1000.com/bkhtml/c97/2007-07/52906.htm 2017年高中教师德育工作计划 http://www.135995.com/show/12259.html 2017年初中教师德育工作计划 http://www.135995.com/show/12258.html