减少HTTP请求的方法_vue项目减少http请求

    最近在看《高性能网站建设指南》，学习一些网站优化的技术，读到关于减少http请求的一些方法：

   1. 图片地图

        图片地图允许你在一个图片上并联多个URL,目标URL的选择取决于用户单击了图片上的哪个位置。 使用图片地图这种放手就既能减少HTTP请求，又无需改变页面外观感受，

图片地图有两种类型：服务器端图片地图将所有点击提交到同一个目标URL，向其传递用户单击的x、y坐标。web应用程序将该x、y坐标映射为适当的操作。客户端图片地图更加典型，因为它可以将用户的点击映射到一个操作。而无需向后端应用程序发送请求。映射通过HTML的MAP标签实现。

       使用图片地图也有缺点。在定义图片地图的区域坐标时，如果采取手工的方式则很难完成且容易出错，而且除了矩形之外几乎无法定义其他形状。通过DHTML创建的图片地图则在Internet Explorer中无法工作。

2. CSS Sprites

      和图片地图一样，css sprites也可以合并图片，但更为灵活。又降低了下载量。合并后的图片会比分离的图片的总和要小，这是因为它降低了图片自身的开销，如果需要在页面中为背景、按钮、导航拦、链接等提供大量图片，css sprties绝对是一种优秀的解决方案---干净的标签、很少的图片和很短的响应时间。

 

3. 内联图片

   通过使用data:URL模式可以在Web页面中包含图片但无需任何额外的HTTP请求，尽管Internet Explorer 目前还不支持这种方式，但它能给其他浏览器带来的节省使得它值得关注。

   data: URL模式的主要缺陷在于不受IE的支持，另外一个缺陷是可能存在数据大小上的限制，

4. 合并脚本和样式表

     和图片地图及css sprites的优点一样，将那些单独的文件合并到一个文件中，可以减少http的请求数量并缩短最终用户响应时间。