前端性能优化---减小HTTP请求

http请求

        http协议是无状态的应用层协议，意味着每次http请求都须要创建通讯链路、进行数据传输，而在服务器端，每一个http都须要启动独立的线程去处理。这些通讯和服务的开销都很昂贵，减小http请求的数目可有效提升访问性能。网页中的的图片、form、flash等等元素都会发出http请求

 

http链接的开销

先看看从用户输入1个URL到下载内容到客户端须要通过哪些阶段： 
1. 域名解析 
2. 开启TCP链接 
3. 发送请求 
4. 等待(主要包括网络延迟和服务器处理时间) 
5. 下载资源 
6. 文件解析执行时间 
其实，每次请求花费的大部分时间在其余阶段，而不是在下载资源阶段 ，再小的资源照样会花费不少时间在其余阶段，只是下载阶段会比较短。

 

方法一、合并脚本和样式

　　减小http请求数的一个方法,对于前端来讲,那就是合并脚本和样式文件,称为combo,经过将多个文件合并成一个文件,而后一次性传输到客户 端,这样能够减小http请求

方法1. 图片地图

图片地图容许你在一个图片上关联多个URL。目标URL的选择取决于用户单击了图片上的哪一个位置。以位置信息定位超连接，这样就把HTTP请求减小了；