缩小 CSS、JS 和 HTML - 一起答案

【问题标题】：Minifying CSS, JS, and HTML - together缩小 CSS、JS 和 HTML - 一起
【发布时间】：2010-12-28 07:53:07
【问题描述】：

缩小 JS 和 CSS 是很常见的。缩小 JS 的好处比使用 CSS 所看到的要大得多，因为使用 CSS 您不能重命名元素 - HTML 也是如此。但是，如果所有 3 个都被缩小在一起，以便可以将使用较短名称的好处带到 CSS 和 HTML 中呢？也就是说，不是在不考虑 3 之间的关系的情况下进行缩小，而是可以保留这些并使其更简单。我认为实现可能会非常困难，但如果可能的话，您认为它会比传统的缩小提供显着优势吗？

【问题讨论】：

标签： javascript html css minify

【解决方案1】：

可能不是一个显着的好处。如果您对所有 Web 内容进行 gzip 压缩，那么您将获得压缩的好处，而不会增加所有压缩的复杂性。而且，您还将压缩页面上的所有内容，这有望占页面体积的很大一部分。

【讨论】：

【解决方案2】：

我想实现可能很困难，但如果它有可能，你认为它会提供了显着的优势传统的缩小？

缩小确实很重要，这在很大程度上取决于分散的文本数量。 Yahoo's YSlow 和 Google's Page Speed 都谈到了所有这三个，并提供了解决方案，例如从它们内部保存缩小版本。

因此，最好在有空间的地方进行缩小，性能至关重要。

【讨论】：

【解决方案3】：

请注意，使用 GZIP 可以解决许多问题。如果有很多重复的文本 - 例如您的 css 类，gzipping 响应是有效的。因此，不要使用复杂的缩小工具，而是使用 gzip。

【讨论】：

【解决方案4】：

可能比缩小 JS 的优势要小得多，因为您绝对不能更改 CSS 样式属性名称。大多数时候，它们在 CSS 文件中占据了最多的空间。您所能做的就是缩短 ID/类名称并删除多余的空格。我猜 HTML/CSS 部分平均节省了大约 10%。

还有，格雷格说的。

【讨论】：

【解决方案5】：

这将是你的兴趣

http://lesscss.org/

【讨论】：

这有什么关系？ LessCSS 是一个更方便的 CSS 编辑环境，但生成的文件是常规的非缩小 CSS。
Less 确实做了一些非常小的压缩，但我发现它最终会平均化，因为如果你不小心它可能会导致额外的选择器代码。但是，是的，Less 不是缩小器。