云点互联,资深北京网站建设服务商,您的免费网站建设顾问 北京网站建设博客| 域名查询| 全站导航

如何解决网站建设中广告影响打开速度的问题

  广告在网站建设中的作用非常显著,当我们一个网站优化或运营到一定程度的时候,良好的流量会给我们带来比较的多的广告利润,如果网站中充斥着大量的广告图片或者动画,特别是一些广告联盟提供的代码,很有可能会影响网站打开速度,那么该如何解决这个问题呢?北京网站建设公司云点互联科技今天就为大家提供解决方案。

  首先我们要知道浏览器呈现网页的原理,浏览器在呈现网页设计页面的时候,是有一定顺序的,它是根据HTML源码编写顺序依次执行并显示网页的。因此,如果你将广告代码放在网页第一屏的话,浏览器就需要先将广告代码读取完毕后,再显示下面网页的部分。如果广告图容量大或广告联盟主站访问速度较慢,就有可能会造成整站打开速度慢的情况。当然,我们大多数情况还是需要把广告放在第一屏内,我们可以通过以下两种方法解决这个问题。

  方法一:使用Javascript在页面底部动态加载广告

  HTML广告代码依然放在页面顶部,但并没有真正显示广告。

  <div id="sidebarAdBox">
  <p>正在加载北京网站建设广告...</p>
  <textarea id="sidebarAd" style="display:none;">注意:此处放广告联盟提供的广告代码</textarea>
  </div>

  Javascript动态加载代码放在页面底部,实现先显示整个网页后加载广告的效果。

  var sidebarAdBox = document.getElementById('sidebarAdBox');
  
var sidebarAd = document.getElementById('sidebarAd');
  
window.onload = function(){ sidebarAdBox.innerHTML = sidebarAd.value; }

  方法二:原理是把广告代码放到页面底部,实现其最后加载。先把生成的广告隐藏,再把它拿到自己相应的位置,再显示出来,同样可以达到不影响网站浏览速度的目的。

  第一段 HTML (代码放在广告位置)

  <div id="sidebarAdBox">
  <p>正在加载北京网站建设广告...</p>
  </div>

  第二段 HTML (代码要放在页面最后面)

  <div id="sidebarAd">注意:此处放广告联盟提供的广告代码</div>

  jQuery代码(放在页面最后面)

  var $sidebarAdBox = $('#sidebarAdBox');
  
$('#sidebarAd').appendTo($sidebarAdBox).show();
  
$sidebarAdBox.find('p').remove();

本类文章
网站建设兼容性之IE6
北京网页制作标准是什么
网站建设是否应该进行静态化生成
为什么要用div+css进行网页排版
如何解决网站建设中广告影响打开速度的问题
总结网站建设中所涉及的技术知识
网站建设工具的介绍及特点说明
北京网站建设教你安全配置服务器的方法
猜您喜欢
北京迈斯康特测控技术有限公司
选择最佳关键词之10个技巧
北京航天泰舟管道设备有限公司
网络营销的消费者心理分析
成功签约中国道教功夫养生院
重要:网站建设之备案的重要性!
淘宝对内部腐败零容忍,称一查到底,绝不姑息
什么是站长
文章分类
云点动态
云点战报
行业资讯
网站建设FAQ
网络营销方法
网页设计技巧
网站建设技术
网络产品知识
北京网站建设博客
最新博文
网站的内链和外链到底是做什么用的
.net遍历datetable获得数据方法
借用百度站长工具让网站收录更有效
网站建设具体有哪些内容?
jquery实现返回页面顶部功能
网站建设新手怎么做SEO优化
css样式表 公共部分说明
百度快照出现倒退的现象
热点围观
14款流行网页配色方案
2012-07-15 - 热度 3641
云点互联2013年春节放假安排通知
2013-01-25 - 热度 1990
现在做网站用什么语言好
2012-06-17 - 热度 1962
2012年3月编程语言排行榜 C#(asp.n
2012-03-31 - 热度 793
网页设计布局之美 看国外经典之作
2012-05-06 - 热度 618