减少HTTP请求的四种方式

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

所以我们在开发的时候应该尽量减少HTTP请求，如下有4种方式：

1、使用图片地图

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

使用标签，如：

2、CSS Sprites

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

#navbar span {
  width:31px;
  height:31px;
  display:inline;
  float:left;
  background-image:url(/images/spritebg.gif?t=1517843093);
}
.home     { background-position:0 0; margin-right:4px; margin-left: 4px;}
.gifts    { background-position:-32px 0; margin-right:4px;}
.cart     { background-position:-64px 0; margin-right:4px;}
.settings { background-position:-96px 0; margin-right:4px;}
.help     { background-position:-128px 0; margin-right:0px;}

3、合并脚本和样式表

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

4、使用Base64编码来减少页面请求数，如：