您好!欢迎登录 大连奈特网络科技有限公司官网!

新闻资讯
大连网站制作-如何更有效减少HTTP请求数
2012-01-14 来源:奈特原动力 作者:奈特原动力 查看次数:1169次

  一个完整的HTTP请求需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。大连网络公司发现,每个请求都需要携带数据,因此每个请求都需要占用带宽。
  
  大连网站建设认为,浏览器进行并发请求的请求数是有上限的,请求数多了就会增加用户的等待时间,这十分不利于用户体验。那么,如何减少HTTP请求数呢?大连网站制作公司认为主要有以下几个途径:

  1. Image Map

  通过设置<img>标签的usemap属性与使用<map>标签可以在一幅图片上切分出多个区域,指向不同的链接。比起使用多幅图片分别构造链接减少了请求数。

  2. CSS Sprite(CSS贴图整合/贴图拼合/贴图定位)

  图片,css,script,flash,等等这些都会增加http请求数,减少这些元素的数量能减少响应时间。

  CSS Sprites技术能减少图片的请求数,把零散的小图片放到一起,运用background-position来改变背景图片的位置,前提是html元素事先定义好宽高,其实就像一个遮罩,移动背景就会看到不同的景象。

  3.为文件头指定Expires或Cache-Control,使内容具有缓存性。

  区分静态内容和动态内容,避免以后页面访问中不必要的HTTP请求。

  4、避免空的src和href

  留意具有这两个属性的标签如link,script,img,iframe等;

  5. Inline Image(内联图片)

  在<img>的src中不指定外部图片文件的URL,而是直接将图片信息放入。例如src=”data:image/gif;base64,R0lGODlhDAAMAL...”某些特殊情况下有用(例如一个不大的图片仅在当前页面用到)。

  6、把CSS放到顶部

  实现页面有秩序地加载,这对于拥有较多内容的页面和网速较慢的用户来说更为重要,同时,HTML规范清楚指出样式表要放包含在页面的<head />区域内;

  7、把JS放到底部

  HTTP/1.1 规范建议,浏览器每个主机名的并行下载内容不超过两个,而问题在于脚本阻止了页面的平行下载,即便是主机名不相同

  8、避免使用CSS表达式

  页面显示和缩放,滚动、乃至移动鼠标时,CSS表达式的计算频率是我们要关注的。可以考虑一次性的表达式或者使用事件句柄来代替CSS表达式。

  9、将CSS和JS放到外部文件中

  我们需要权衡内置代码带来的HTTP请求减少与通过使用外部文件进行缓存带来的好处的折中点。

  10、减少DNS查找次数

  我们需要权衡减少 DNS查找次数和保持较高程度并行下载两者之间的关系。

    大连网站制作