规则一：减少http请求

• http发送请求 在文章中的介绍了加速网页加载的方法之一，就是让http少发送请求，通过图片地图，图片内联，合并脚本和样式表,CSS Sprites的方法优化http发送请求。
  
  • 1.图片地图：如果有五个需要请求的超链接，我们可以将这五个url放在一张图片上，这样的话就将五个请求转变为了一个请求，这就是图片地图
  • 2.图片内联：使用data:属性 将图片内联在各个标签中，因为图片的url杯内联在页面中，所以在跨越不同页面时不会被缓存。
  • 3.合并脚本和样式表：这个方法对高内聚，低耦合不太友好，我们通常在学习过程中强调了一个模块做一个功能，这样在模块调用的时候就会很方便。对于前端的性能而言，多出一个脚本文件就会多发一个http请求，所以理想情况下，一个页面应该不多于一个脚本和一个样式表。
  • 4.CSS Sprites：其通过将多张图片整合成一张大图片，这样请求多张图片就变成了请求一张图片，这样会减少请求，林外，他比图片地图更好的是，图片地图中的图片必须是连续的，而CSS Sprites并没有这个限制，另外还有一个优点就是CSS Sprites会将降低图片的下载量，也就是大小，因为他降低了图片自身的开销（颜色，格式信息等等）