六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 127|回复: 0

减少HTTP连接数

[复制链接]

升级  88%

10

主题

10

主题

10

主题

童生

Rank: 1

积分
44
 楼主| 发表于 2013-2-7 23:20:05 | 显示全部楼层 |阅读模式
互联网网页优化的一大步骤就是减少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个像素。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表