HTML精简核心是删冗余而非压缩：安全删除页面级缩进、省略html/head/body等可选标签、移除过时meta和废弃标签；保留pre/textarea/script/style内空白；工具配置需启用collapseWhitespace等关键项。
HTML 模板体积大，问题通常不出在标签逻辑上，而是大量「浏览器自动处理却仍被传过去」的冗余内容——比如换行缩进、空属性、过时 meta、废弃标签。精简不是删功能，是让 HTML 只传它必须传的部分。
哪些空白字符能安全删，哪些绝对不能动
浏览器对 HTML 文本节点中的空白（空格、制表符、换行）默认合并为单个空格；但以下位置的空白有语义，不能删除：
-
<pre>、<textarea>、<script>、<style>内部的所有空白都参与渲染或执行，删了会错乱 - 标签之间若本意是“显示一个空格”，比如
文字<img src="x">后面，换行会被转成空格；如不需要，应连写或用注释隔开：<img src="x"><!-- -->后面 - 页面级缩进（如
<div>\n <p>x</p>\n</div>）可全删，不影响 DOM 和样式
HTML5 允许省略的标签和属性，现代项目可直接去掉
IE11 及更早版本已停服，2026 年绝大多数项目无需兼容。以下简化既安全又减体积：
-
<html>、<head>、<body>标签可完全省略，浏览器解析时自动补全 -
<meta charset="utf-8">后面不用加</meta>；<link rel="stylesheet" href="x.css">也不需要末尾斜杠 -
<input disabled>等价于<input disabled="">，只留属性名即可 -
<option selected>、<script>（无需type="text/javascript"）都可省略值
哪些旧代码该直接删，而不是压缩
压缩工具再强，也压不掉本不该存在的东西。这些内容建议手动搜索替换，一劳永逸：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">：IE 已停服，该标签无任何作用，删 -
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">：与<meta charset="UTF-8">冗余，只留后者 -
<font>、<center>、<u>等废弃标签：不仅体积大，还会触发怪异模式（Quirks Mode），改用 CSS -
class=""、id=""、data-id=""这类空属性：多数 JS 查询会失败（如document.querySelector('[data-id]')仍能匹配），建议删而非留空
用 html-minifier-terser 时最容易踩的坑
这个工具比老版 html-minifier 更稳，但默认配置几乎不压缩。关键配置漏一项，就等于没装：
- 必须设
collapseWhitespace: true，否则换行缩进全保留 -
removeComments: true安全，但若用了构建标记（如<!-- build:css -->），要配ignoreCustomComments: [/^build:/] -
removeRedundantAttributes: true可删type="text"这类默认值，安全；但removeEmptyAttributes: true会删class=""，可能破坏 JS 选择器，建议关掉 - 若模板里混了服务端占位符（如
<% title %>或<template>内容），务必加ignoreCustomFragments: [//, /<template>]*>[\s\S]*?/]</template>
真正卡住体积的，往往不是某段难读的压缩结果，而是忘了删掉整个 <center> 标签，或让 class="" 在 200 个元素里重复出现。精简 HTML 模板，核心是「先做减法，再做压缩」——人判断删什么，工具负责干脏活。
