代码最小化
在计算机科学中,代码最小化是移除不必要元素并重写代码以减小文件大小的过程。它通常用于网页资源,例如 HTML、CSS 和 JavaScript 文件。减小网页资源的大小可以让文件传输得更快,从而使网页加载速度更快。
代码最小化数据有多种方式。最基本的方法是移除注释、不必要的空格和换行符(换行字符)。虽然注释和空白有助于提高代码的可读性,但浏览器会忽略它们。因此,可以在发布前安全地移除这些元素。另一种方法是减少每条语句所需的代码。在 CSS 中,通常可以将 CSS 的长格式写法转换为简写格式。例如,一个 margin 定义使用长格式可能需要七行,而使用简写格式只需要一行。在 JavaScript 中,可以将较长的变量名称替换为较短的名称通常是单个(字符。
下面是 CSS 代码在最小化前后的示例。请注意,注释、空格、换行符和不必要的分号都被移除了。代码也从 CSS 的长格式写法转换成了简写格式。
标准 CSS 代码
img.left /* float left 400px image */
{
float: left;
max-width: 400px;
margin-top: 8px;
margin-right: 30px;
margin-bottom: 12px;
margin-left: 0px;
}
最小化后的 CSS 代码
img.left{float:left;max-width:400px;margin:8px 30px 12px 0}
更高级的最小化算法可以进一步减小文件大小。例如,CSS 最小化工具可能会查找并移除 CSS 文件中的重复行。它还可能将相似的 CSS 定义合并为一条语句。JS 最小化工具甚至可能重写 JavaScript函数,使其更加高效。
代码最小化通常只能节省几千字节。例如,一个标准 CSS 文件可能为 50KB,而最小化后的版本可能为 40KB。不过,在提高网页加载速度时,每个千字节都很重要。优秀的最小化工具的目标是在不影响代码解析或处理方式的情况下,尽可能减小文件大小。无论使用哪种最小化工具,开发人员通常都会保留一份未最小化的代码版本,以便今后编辑。
代码最小化与压缩的区别
虽然代码最小化和文件压缩都会减小文件大小,但两者并不相同。代码最小化只是修改文本,而文件压缩会完全重写文件中的二进制代码。压缩文件必须由文件解压缩工具解压,才能作为文本文件读取。许多网站会结合使用代码最小化和“gzip”文件压缩,以尽可能减小网页资源的大小。
测试你的知识