22. 资源压缩(JS / CSS)

本教程最新版为 8.x,当前版本已放弃维护,请阅读最新版本!

说明

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

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

压缩原理

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

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

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

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

实例讲解

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

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

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0

暂无话题~