22. 资源压缩(JS / CSS)
说明
上篇文章我们讲解了 资源合并 ,其目的是为了减少 HTTP 请求数。
本文我们将讲解 资源压缩。资源压缩的目的是为了 减少文件的大小,以此来加快下载速度。
压缩原理
CSS 压缩比较简单,就是将多余的回车换行符与注释去除,作为对比,压缩 JavaScript 要复杂得多。
JavaScript 压缩的第一个步骤是删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格。第二个步骤是代码优化和标识符替换。
代码优化 优化的点非常多,主要目的是为了压缩体积。例如说 "abcd" + "efgh"
会被优化为 'abcdefgh'
,可以看到少了好几个字符。还有一个例子是 object["property"]
这种写法会被修改为 object.property
,两者都是一样的,不过后者是标识符形式,后面可以被替换。
标识符替换 ,对于 JavaScript 最有效的压缩优化,当属标识符替换。这个我们用下面的例子来讲解。
实例讲解
我们还是拿 Larabbs 来做实验,将以下...