22. 资源压缩(JS / CSS)

说明

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

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

压缩原理

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

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

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

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

实例讲解

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

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

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

上一篇 下一篇
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0

暂无话题~