压缩js和css文件的原理

Posted 小安快跑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了压缩js和css文件的原理相关的知识,希望对你有一定的参考价值。

压缩:删除 javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小。

javascript文件压缩的原理

第一个当然就是去掉注释了。

另外就是跟CSS压缩相同的去掉换行符空格什么的。

JAVASCRIPT中有几种变量形式,如变量,函数名,函数的参数等,通常我们在手写JS代码的时候,为了便于理解,我们都会给这些变量名以直观易懂的字符串,如:var title=”javascript”;这个习惯是值得推崇的。

但是,这些变量对于用户理解有帮助,对于计算机却没什么影响,如果我们把前面的句子变成:var a=”javascript”;对电脑来讲是一样的。

通常深度压缩JS都必须要做的一步就是尽量地缩短变量名,因为一份体积巨大的JS代码,其中的变量名会占去不少空间。

以上是关于压缩js和css文件的原理的主要内容,如果未能解决你的问题,请参考以下文章

uglify-js压缩js文件minifier压缩css文件

Nginx网络压缩 CSS压缩 图片压缩 JSON压缩

System.Web.Optimization 合并压缩技术的使用

webpack 如何配置 CSS抽取 和 打包压缩

js css 压缩

grunt 合并压缩js和css文件