减少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个像素。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值