前端资源合并和压缩

合并css，合并js，合并图片，另外css,js都可以用相应的工具进行压缩，压缩后会节省很多空间

压缩方法：

1)web服务器开启Gzip压缩

在http协议中允许客户端可以选择从服务器上下载压缩的内容，服务器配置人员可以查看对应的配置文件，开启Gzip压缩，服务器启用Gzip压缩后，会在响应头中增加Content-Encoding:gzip,可以通过检查此header项来判断服务器是否开启Gzip压缩。

2)js代码压缩

js压缩原理一般是去掉多余的空格，替换长变量名，简化一些代码写法等。Js代码压缩工具很多，其中用的最多的是UglifyJS，它不仅是压缩工具，同时具有js语法分析和代码优化功能。

3)css代码压缩

Css代码压缩原理和js代码压缩原理类似，去掉多余的空格注释等，同时优化合并一些css规则定义，css代码压缩工具比较有名的是CSS Compressor

4)图片压缩：可以使用图片压缩工具

何时压缩代码也很重要，因为压缩后的代码会影响代码的调试，使得开发者不容易确定代码出错的位置，所以推荐在开发后期，甚至在网站的发布阶段做代码和资源的压缩。如果放在代码发布阶段压缩，则开发者开发过程不需要考虑代码压缩问题，方便开发者的开发与调试。