为什么人们建议缩小 Web 资源，例如 CSS 和 JavaScript，但他们从不建议缩小标记？ CSS 和 JavaScript 可以在许多不同的页面上使用，而标记每次都会被加载，这使得标记的缩小变得更加重要。
【问题讨论】：
这里写的答案非常过时，有时甚至没有意义。与 2009 年相比，很多事情都发生了变化，所以我会尽量正确地回答这个问题。
简短回答 - 您绝对应该缩小 HTML。今天它是微不足道的，大约提供5% speedup。如需更长的答案，请阅读整个答案
在过去，人们手动缩小 css/js（通过一些特定的工具运行它来缩小它）。自动化这个过程有点困难，而且肯定需要一些技能。知道现在很多高级网站都没有使用 gzip（这是微不足道的），人们不愿意缩小 html 是可以理解的。
那么为什么人们会缩小 js 而不是 html？当你缩小 JS 时，你会做以下事情：
var isUserLoggedIn 到 var a）即使在过去，这也带来了很大的改进。但是在 html 中，您无法将长名称简称为短名称，在那段时间几乎没有什么可评论的。所以唯一剩下的就是删除空格和换行符。这只会带来少量的改进。
这里写的一个错误论点是，因为内容是使用 gzip 提供的，所以缩小没有意义。这是完全错误的。是的，gzip 减少了缩小的改进是有道理的，但是如果你能正确修剪它们，为什么要 gzip cmets、空格和 gzip 只重要的部分。这就像您有一个要存档的文件夹，其中包含一些您永远不会使用的废话，并且您决定只压缩它而不是清理并压缩它。
另一个为什么做缩小毫无意义的论点是它很乏味。这在 2009 年可能是正确的，但在此之后出现了新的工具。现在你不需要手动缩小你的标记。对于Grunt 之类的东西，安装grunt-contrib-htmlmin 并对其进行配置以缩小您的html 非常简单。您只需要 2 小时来学习 grunt 并配置所有内容，然后一切都会在不到一秒的时间内自动完成。听起来 1 秒（您甚至可以使用 grunt-contrib-watch 自动执行任何操作）对于大约 5% 的改进来说并不是那么糟糕（即使使用 gzip）。
还有一个说法是 CSS 和 JS 是静态的，而 HTML 是由服务器生成的，所以你不能预先缩小它。这在 2009 年也是如此，但目前 more 和 more 站点看起来像一个单页应用程序，其中服务器很薄，客户端正在执行所有路由、模板和其他逻辑。所以服务器只给你JSON，客户端渲染它。这里有很多页面的 html 和不同的模板。
所以结束我的想法：
【讨论】：
一个可能的原因是标记通常会更频繁地更改，并且必须针对每次页面加载进行缩小。例如，在给定的 Stack Overflow 页面上，时间戳、用户名和代表计数可能会随着每次页面加载而改变，这意味着您还必须为每个页面加载进行最小化。使用像 css 和 javascript 这样的“静态”文件，你可以减少压缩的频率，所以在一些人的心目中，前期的工作是值得的。
还要考虑每个主要的 Web 服务器和浏览器都支持 gzip，它无论如何都会即时压缩所有标记（快速）。因为无论如何缩小比 gzipping 更慢且效率低得多，所以网站管理员可能会认为为每个页面加载进行缩小不值得处理成本。
【讨论】：
考虑一下：
HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Demo</title>
<link rel="stylesheet" type="text/css" href="nonminify.css"/>
</head>
<body>
<div title="My non minifiable page">
<p class="http://www.example.com/classes/class/lorem-ipsum">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</body>
</html>
使用这个 css 文件：
div[title="My non minifiable page"]
p[class~="http://www.example.com/classes/class/lorem-ipsum"]
{
white-space:pre;
}
鉴于此，对于只能查看 HTML 文件的 HTML 缩小器来说，实际上不可能找到它可以安全地缩小的任何内容。
【讨论】：
我想这很难，因为有时会使用诸如空格之类的东西来格式化，可能取决于文档类型。
【讨论】：
Page Speed 建议缩小标记：
http://code.google.com/speed/page-speed/docs/payload.html#MinifyHTML
【讨论】：
如今，标记往往是动态生成的，即使是静态的，通常也会有一堆页面。 JavaScript 和 CSS 通常以每个站点一个文件的方式进行缩小，因此更容易手动（或脚本）缩小。
【讨论】：