减少HTTP请求_如何减少http请求

1.性能黄金法则

只有10%-20%的最终用户响应时间花在接收请求的HTML文档上，剩下的80%-90%时间花在HTML文档所引用组件(图片，script，css,flash等等)进行的HTTP请求上。

2.如何改善

改善响应时间的最简答途径就是减少组件的数量，并由此减少HTTP请求的数量。意思就是减少加载 css,js这些

3.HTTP链接产生的开销

域名解析--TCP链接--发送请求--等待--下载资源--解析时间

4.疑问

DNS缓存，Keep-Alive

5.打破谣言

查找DNS缓存也需要时间，多个缓存就要查找多次有可能缓存会被清楚

HTTP1.1协议规定请求只能串行发送，也就是说一百个请求必须依次逐个发送，前面的一个请求完成才能开始下个请求。

6.图片地图

图片地图允许你在一个图片上关联多个URL，目标URL的选择取决于用户单击了图片上的哪个位置。

如网站导航

我们可以通过使用五个分开的图片，然后每个图片对应一个超链接产生了5个HTTP请求，我们的目标是要减少HTTP请求，将五个图片合并为一张图片，然后以位置信息定位超链接

使用<map><area></area></map>标签

7.CSS Sprites  CSS精灵

CSS Sprites中文翻译为CSS精灵，通过使用合并图片，通过指定css的backgroud-image和backgroud-position来显示元素。

backgroud-position：x y；x和y可以写负值也可以写正直，我们可以想象图片的左上方为（0.0），以（0.0）坐标向右为负数的x轴，以（0.0）坐标乡下是为负数的y轴。

8.两种方法的性能影响

图片地图与CSS精灵的响应时间基本上相同，但比使用各自独立图片的方式要快50%以上。

9.合并监本和样式表

使用外部的js和css文件引用的方式，因为这要比直接写在页面中性能要更好一点。

独立的一个js比用多个js文件组成的页面载入要快38%。

把多个脚本合并为一个脚本，把多个样式表合并为一个样式表。