如何减少http请求

如何减少http请求

1. img 的usemap；

<img usemap="#map1" border=0 src="">
    <map name="map1">
        <area shape="rect" coords="0,0,31,31" href="javascript:alert('Home')" title="Home">
        <area shape="rect" coords="36,0,66,31" href="javascript:alert('Gifts')" title="Gifts">
        <area shape="rect" coords="71,0,101,31" href="javascript:alert('Cart')" title="Cart">
        <area shape="rect" coords="106,0,136,31" href="javascript:alert('Settings')" title="Settings">
        <area shape="rect" coords="141,0,171,31" href="javascript:alert('Help')" title="Help">
</map>

1. 使用雪碧图
2. 使用base64编码小图片，比如页面背景，只有几px*几px,然后平铺使用
3. 或者使用canvas压缩图片，地址

4. 将静态资源放在CDN上，这样请求时不用携带主站的cookie，同时因为同域名下并行加载资源的数量是有限的。

   然而将资源分布在不同主机名下面虽然能提升并行加载数量，但是Yslow的评分会下降，因为Yslow将DNS 请求看的比较重要；如果一个网页例如淘宝需要大量图片因此并行加载数量很重要，且大多数都是回头客，因此可以忽略DNS请求，因为已经缓存了，Yslow对于小型网页通过DNS判断比较合理一些，毕竟用户初次体验很重要，若将资源分布在不同主机名下DNS请求花费的时间可能较大。将资源放在一个主机名下是为了提高Yslow评分，可通过异步加载提高性能。

5. 让连接保持keeplive，就可以减少建立连接所消耗的时间。

6. 对于无需脚本的内容型网页将静态资源合并，但是应用型网页则需要将脚本分开按需加载；

7. 将复用率低的css和js文件直接写在页面中
8. 合理设置缓存，对于不易改变的静态文件吗，可将其expires时间设置的较大，将资源的MD5值作为其路径后缀
9. gzip压缩资源