删掉5个无用比html压缩更有效，因为每个冗余会生成真实dom节点、占用内存并触发额外计算，而html文本压缩在服务端启用brotli/gzip后对传输体积影响极小。

为什么删掉5个

比压缩HTML更有效

因为每个无用的 <div> 在 DOM 构建时都会生成一个真实节点，占用 1–2 KB 内存，并触发额外样式计算、事件代理开销。而 HTML 压缩（如删空格、注释）最多减小原始体积 10–15%，经 Gzip/Brotli 后实际传输节省往往不到 1 KB。<p>常见错误现象：本地 <code>html-minifier 把文件压小了 20 KB，但 Network 面板里 Size 没变——说明服务端没开 Brotli 或漏配 gzip_types text/html，压缩白做了。

• 用 Chrome DevTools 的 Elements 面板展开 DOM 树，找连续多个无 class、id、style、onclick 的 <div> <li>警惕 CMS 或低代码平台输出的四层嵌套：<code><div class="wrapper"><div class="container"><div class="row"><div class="col">…</div></div></div></div>，通常只留最内层即可
• 语义化标签如 <header></header>、<main></main> 不增开销，反而减少 CSS 重置和 JS 查询成本

哪些 HTML 压缩操作真影响传输体积

只有在服务端压缩未启用或配置错误时，以下操作才有可测量收益；否则它们对 Size 列几乎无影响。

• removeComments: true：注释是纯冗余字节，删一个 <!-- foo --> 就少 11 字节
• collapseWhitespace: true：但要确认没破坏 display: inline-block 元素间的间隙（可用 font-size: 0 或注释替代空白修复）
• 省略布尔属性值：required="required" → required，HTML5 合法且省字符
• 移除冗余 type：<script type="text/javascript"></script> → <script></script>
• 不推荐 minifyJS: true 或 minifyCSS: true：HTML 压缩器调用的是简易封装，不如 terser/cssnano 走 AST，还容易毁模板字符串

服务端压缩必须显式声明类型

哪怕 Nginx 开了 brotli on，若没配 brotli_types text/html，HTML 文件照样裸发。Brotli 不像 Gzip 那样默认覆盖 text/html，漏配就等于没开。


Article To Html
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
下载
• Brotli 必须 HTTPS，且 Nginx ≥ 1.11.6；Safari 11+、Chrome 60+ 支持，旧安卓 WebView 可能不认 br
• 别同时开 gzip on 和 brotli on：浏览器按 Accept-Encoding 顺序选，但服务器若都响应，可能错乱；应设 gzip off，仅 brotli on，再配 gzip on 作降级
• brotli_comp_level 6 是平衡点（1–11），静态 HTML 可用 11，动态内容建议 ≤ 4
• 验证是否生效：curl -s -w '\n%{size_download}\n' -H 'Accept-Encoding: br' -o /dev/null https://yoursite.com/，对比 Content-Encoding: br 响应头下的大小

别把 JSON 注释当 HTML 压缩点

很多人花时间压缩 <script type="application/json">{...}</script> 里的空格，其实这毫无意义——它不是 HTML 文本内容，而是 JS 解析的数据体，压缩它既不减小 HTML 体积，也不影响传输，反而让调试困难。

• 真正该清理的是：重复的 data- 属性（比如每行都带 data-dev-id）、未移除的调试类名（class="debug-overlay"）、SVG 内联时反复复制的路径
• JSON 数据应走 API 异步加载，而非塞进 HTML；若必须内嵌，请确保是生产环境最小化后的结构，而非开发时的格式化版本
• SVG 图标优先用 <symbol></symbol> 定义 + <use></use> 引用，避免重复 DOM 节点和冗余 path 字符串

实际压缩效果取决于服务端是否真正启用并正确配置了 Brotli/Gzip，而不是构建工具里多跑了一次 html-minifier。DOM 结构扁平化带来的性能收益，远比文本级压缩来得直接和稳定。