22. 资源压缩(JS / CSS)

说明

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

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

压缩原理

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

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

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

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

实例讲解

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

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

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

上一篇 下一篇
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0

暂无话题~