HTML冗余结构和属性需按作用域分层清理：删默认无效属性（如align、type）、扁平化无意义嵌套（如多层div）、移除未参与关键路径的节点，并验证DOM选择器稳定性。
HTML里冗余结构和属性不光拖慢解析，还会干扰语义、增加维护成本——清理不是“压缩完事”，得按作用域分层处理。
哪些属性属于“默认无效”该删
浏览器对很多 HTML 属性有隐式默认值，硬写反而暴露维护疏漏，还可能被解析器反复校验。
-
align="left"、valign="middle"：HTML5 已废弃，CSS 控制更可靠；保留会触发兼容模式降级 -
type="text/javascript"：<script></script>默认就是 JS，现代浏览器忽略该属性，留着纯属占体积 -
language="javascript"：IE 时代遗物，所有现代引擎直接跳过 -
charset="utf-8"在<meta>中多余：只要 HTTP header 或首个<meta charset>正确，后续重复声明无意义，且部分 CDN 会 strip 掉后半段导致乱码
哪些结构嵌套属于“无意义堆叠”
语义缺失的 <div> 套娃，本质是 CSS 布局没想清，不是结构问题——但对解析器来说，每多一层就是多一次节点创建+关系绑定。
<ul><li>连续三层以上 <code><div class="wrapper"><div class="inner"><div class="content">：实测在低端 Android 上多耗 80–120ms DOM 构建时间
<li><code><div><div>
<p> 包裹单个段落：用 <code><main></main> 或 <section></section> 替代，既扁平又带语义
<div><span><span> 嵌套用于样式隔离：改用 CSS <code>:is() 或属性选择器（如 [data-role="label"]），避免 DOM 膨胀
<template></template> 若服务端纯静态渲染、不执行 JS，可预处理剥离——它仍会被解析为节点，徒增内存怎么判断该不该删：看解析路径而非渲染结果
别只盯着 DevTools 里“看起来一样”，要问：这个节点/属性是否参与了构建关键路径？
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 用 Chrome 的“Coverage”面板打开 HTML，看哪些行未被执行或未影响样式计算——高亮灰色部分大概率可删
- 检查
document.querySelectorAll("div[class]");返回数：若超 50 个且无 JS 逻辑依赖，说明 class 泛滥，该收敛到语义标签或 CSS 自定义属性 - 移除某段结构后，运行
document.querySelector("main h1")仍能取到内容？不能 → 说明语义结构已被破坏，不能靠 class 模拟 - 用
html.NewTokenizer（Go）或 sax（Node.js）流式解析时，若某层<div> 从不触发 <code>onopentag回调中的业务提取逻辑，就是纯冗余工具链里容易踩的坑
自动化清理工具省力，但配置错一个开关，就可能把关键结构也抹掉。
-
gulp-htmloptimize默认删data-属性：若你用data-track-id做埋点，必须显式配置keepDataAttributes: true -
markup-de-crapulator的广告过滤规则可能误杀<ins></ins>标签：它本是 HTML5 合法内联广告容器，删了会影响 AdSense 合规性 - 所有 HTML 压缩工具都会删空格换行，但若你在
<pre class="brush:php;toolbar:false;"></pre>或<code>里依赖缩进格式，得加ignoreCustomFragments白名单 - 用正则粗暴删注释
<!--.*?-->可能吃掉条件注释<!--[if IE]>...<![endif]-->：现在虽少用，但老系统仍存在，建议用 parser 级工具处理
最常被忽略的是：清理完必须验证
document.getElementById()和querySelector的返回值是否仍稳定——DOM 结构变扁了，JS 选择器却还按老路径写，上线就报 null。 -
