如何减少http请求

老板说网站打开太卡了，想办法吧

减少http请求吧？减少了真的有用吗？

减少http请求是为了网站性能的优化，请求少了网站的性能肯定会提高

• 首先将css，js压缩合并一下
• 最简单常用的是合并图片，通过cssbackground-position来定位图片
• 或者将图标是的图片的做成矢量图标文字
• 还有一种data:url模式

<img scr="data:image/jpg;base64, xxxxxxxxxxxxxxxx">
//这个的缺点是，如果一张图片在多个页面被用到，无法利用浏览器缓存。为了解决这个问题，我们可以换个思路，把图片数据放在CSS文件里面定义，比如：
<style>
.image {
   background-image: url(data:image/jpg;base64, xxxxxxxxxxxxxxxx);
}
</style>

注意：移动端不建议用src="data:image..."，性能非常不好。

• 还有就是合理的利用浏览器缓存
  如果图片或者脚本，样式文件内容比较固定，不经常被修改，那么，尽可能利用缓存技术，减少HTTP请求次数或文件下载次数。
  命中浏览器缓存分为两类：强缓存，协商缓存。
  强缓存：不会发起HTTP请求，直接从浏览器缓存中读取文件。
  协商缓存：向服务器发起HTTP请求，如果资源文件并未更新，response响应码即为304，随后从浏览器缓存中下载该文件，并不会从服务器下载。