HTML压缩是安全有效的性能优化手段，核心配置需谨慎：collapseWhitespace和removeComments必须配合preserveLineBreaks与ignoreCustomFragments使用，避免pre/textarea内容错乱；removeOptionalTags慎用于旧浏览器；Webpack中html-webpack-plugin需显式配置minify对象而非布尔值；服务端Gzip/Brotli压缩比构建时HTML压缩更关键且高效。
HTML 本身不支持“混淆”——所谓 HTML 混淆，本质是误用术语；真正能做的是压缩（minification），而混淆（obfuscation）只适用于 JavaScript 或 CSS 中的逻辑/字符串部分。
html-minifier 的核心压缩选项怎么配才安全
直接用 html-minifier-terser（当前主流维护分支）时，盲目启用所有选项极易导致 DOM 行为异常，尤其是内联 <script> 或依赖空白的 <pre>/<textarea> 内容错乱。
-
collapseWhitespace: true：必须配合preserveLineBreaks: false（默认）使用，但若模板含<pre>或white-space: pre-wrap元素，需显式设为true并加ignoreCustomFragments -
removeComments: true：会删掉所有<!-- ... -->，包括构建工具插入的 license 注释（如 Nullboard 第4–47行），上线前确认无法律风险 -
removeOptionalTags: true：移除</html></head></body>等可选闭合标签，IE8 及更旧浏览器可能解析异常，已淘汰环境可开 -
minifyJS: { compress: { drop_console: true } }：仅对内联脚本生效，外部<script src="..."></script>不受影响
Webpack 构建中 HTML 压缩为何常被忽略
很多人以为 html-webpack-plugin 默认就压缩 HTML，其实它默认 不压缩。必须手动传入 minify 配置，且 Webpack 5+ 已弃用内置压缩，强制要求引入 html-minifier-terser。
- 常见错误写法：
new HtmlWebpackPlugin({ template: 'src/index.html' })→ 完全无压缩 - 正确写法：需显式配置
minify，且注意 Webpack 5 的minify是布尔值或对象，不能直接传函数 - 容易踩的坑：与
mini-css-extract-plugin配合时，若 CSS 提取后仍内联在 HTML 中（比如开发模式 fallback），minifyCSS: true才真正起作用；否则只压缩 JS 和结构
服务器端 Gzip/Brotli 比 HTML 压缩更重要
单独做 HTML 压缩通常只能减小 40–60% 体积，但若没开 Gzip，传输体积仍是原始大小；开了 Gzip 后，再压缩 HTML 的收益往往只剩 1–3KB —— 而且 Gzip 对未压缩 HTML 效果更好。
立即学习“前端免费学习笔记（深入）”；
- Nginx 示例：
gzip on; gzip_types text/html application/javascript text/css;，比任何构建时 HTML 压缩都更通用、更省 CPU - Brotli（
br）压缩率比 Gzip 高 15–20%，但需确保 CDN 或服务器支持（Nginx ≥1.13.6 + brotli 模块） - 关键提醒：不要同时开启构建时 HTML 压缩 + 服务端压缩并认为“双重保险”——反而可能因重复处理引发字符编码问题（如 UTF-8 BOM 丢失）
哪些场景真需要“类混淆”处理
当 HTML 中嵌有敏感逻辑（如游戏 Hilo 的客户端校验规则、Jinja 模板中暴露的业务判断条件），单纯压缩不够，得把逻辑外移到 JS 并做 JS 混淆；HTML 层最多做变量名替换（如 Jinja 的 obfuscate_context），但这只是障眼法，无法防爬虫或逆向。
- 例如 Nullboard 中的
data-*属性若存策略开关，应改用加密 token + 后端校验，而非靠data-key="_12345"掩盖 - Jinja 模板扁平化（去掉
{% extends %}）可减少运行时开销，但和“混淆”无关，属于渲染性能优化 - 真正要防的不是 HTML 结构，而是 JS 中的算法、API 路径、密钥——这些才是混淆该发力的地方
HTML 压缩是必选项，但它的边界很清晰：只负责移除解析器忽略的内容。一旦开始琢磨“怎么让 HTML 看不懂”，说明问题已经不在 HTML 层了。
