减少HTTP连接数

互联网网页优化的一大步骤就是减少HTTP连接数,以提高服务器的负载。

通常的做法有:

1、将css文件和js文件放到单独的.css和.js文件引入到页面中。客户端浏览器缓存会缓存css文件和js文件,这样当一个客户第一次访问网页下载了这两类文件后,后面的访问将直接从客户端内存中取。潜在网页中的js代码和css代码却不能被缓存。

2、减少iframe使用。一个iframe跟一个单独的页面本质上没有区别,客户端在访问时需要另行建立一个HTTP连接进行访问,就好比你同时访问了N+1个网页。

3、将网页中用到的背景图片合并到成一张大的图片,在显示时通过css的background-position控制要显示整个图片中的哪一小块区域。原本每张背景图片需要建立一个HTTP请求,现在只需要一次就OK,节约了N-1次HTTP请求。具体的操作代码是:

background-image:url(总背景图片的url);
background-repeat:no-repeat;
background-postion-x:5px;
background-position-y:-50px;

根据当前要显示的小图片在总背景图片中的位置决定x、y。其中-50的表示图片左上角的纵坐标的位置减去50个像素。

css

相关推荐