22. 资源压缩(JS / CSS)

说明

上篇文章我们讲解了 资源合并 ,其目的是为了减少 HTTP 请求数。

本文我们将讲解 资源压缩。资源压缩的目的是为了 减少文件的大小,以此来加快下载速度。

压缩原理

CSS 压缩比较简单,就是将多余的回车换行符与注释去除,作为对比,压缩 JavaScript 要复杂得多。

JavaScript 压缩的第一个步骤是删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格。第二个步骤是代码优化标识符替换

代码优化 优化的点非常多,主要目的是为了压缩体积。例如说 "abcd" + "efgh" 会被优化为 'abcdefgh',可以看到少了好几个字符。还有一个例子是 object["property"]这种写法会被修改为 object.property ,两者都是一样的,不过后者是标识符形式,后面可以被替换。

标识符替换 ,对于 JavaScript 最有效的压缩优化,当属标识符替换。这个我们用下面的例子来讲解。

实例讲解

我们还是拿 Larabbs 来做实验,将以下...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0

暂无话题~