十年风雨路 · 一心铸精品

接一个官网 留一件精品 做一个项目 树一块样板

网页设计不让广告图片影响网页加载速度的方法

很多时候,一个网页的图片太多太大往往会引起加载速度过慢,用户没心情继续浏览造成网站跳出率高,那么怎样来解决这个问题呢?使用JavaScript代码让广告在页面夹在后加载,这样就保证了页面加载速度,提升了用户体验度。以下是方法:1、在广告位置放置空div或者span,将他们的id

时间:2013年11月02日 点击量:

很多时候,一个网页的图片太多太大往往会引起加载速度过慢,用户没心情继续浏览造成网站跳出率高,那么怎样来解决这个问题呢?

  使用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获取节点对象。

推荐案例

  • 成都森美啦园林绿化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限责任公司

  • 四川品睿餐饮管理有限公司

  • 美绘陶社陶艺手绘工作室-暖

  • 成都恩多施生物工程技术有

  • 汶川羌人土特产有限公司

  • 印刷设计公司网站No.3138

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室
  • 服务热线:400-000-2367 028-86088588
  • 总机:028-62322623-0
  • 传真:028-62322623-823

扫码访问冠辰手机网站

版权所有 Copyright © 2002-2019 四川冠辰科技开发有限公司  www.scgckj.com 保留所有权利  蜀ICP备11012605号

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903室

服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823