前端资源合并和压缩

合并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)图片压缩:可以使用图片压缩工具

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

猜你喜欢

转载自blog.csdn.net/qq_41047322/article/details/81486385
今日推荐