成都网站建设

拥有10年以上经验丰富的网站制作团队,具备科学的建站流程和快速的客户服务体系

成都网站建设专家

整合营销专家

短时间、快速度、操作简单、低投入品牌展示率

成都整合营销专家

网站优化推广

包年网站优化,百度自然排名首页,真正实现点击不收费!

成都网站优化推广

主机域名

集群式CDN加速,打开速度快速,利于优化排名

独立IP主机
您当前位置:成都网站建设 >> 新闻频道 >> 成都网站建设 >> 浏览文章

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


时间: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获取节点对象。

文章由四川冠辰成都网站建设http://www.scgckj.com/7145.html编辑整理,转载请注明出处
相关阅读:
网站首页| 关于我们| 热门关键词| 付款方式| 资质证书| 联系我们
版权所有 Copyright © 2002-2013 四川冠辰科技开发有限公司www.scgckj.com 保留所有权利 蜀ICP备11012605号
地址:四川省成都市金丰路6号量力钢铁交易大厦B座2010室 冠辰科技资质证书
服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823