html解析器对注释是扫描跳过而非忽略，需逐字扫描、维持状态机并校验边界，消耗cpu与栈空间；删注释可能误删ssr逻辑占位符、触发ie重解析、破坏位置，且禁用于/内。
HTML解析器对注释的处理不是“忽略”而是“扫描跳过”
浏览器不会跳过注释内容直接读取后续标签，而是必须逐字扫描每个<!--到-->之间的所有字符，维持状态机、校验边界、丢弃文本——这个过程消耗CPU周期和栈空间，哪怕最终不生成DOM节点。实测显示，单个<!--块内含100KB纯文本时，Chrome HTML解析阶段耗时增加约0.8–1.2ms。
注释体积占比超5%时内存压力开始可见
关键阈值不在绝对大小，而在注释占整个未压缩HTML响应体的比例。当注释占比超过5%且文件总大小超200KB时，V8引擎在解析初期的字符串暂存区（StringTable）和临时缓冲区分配量会上升。尤其在SSR模板中动态注入大量<!-- DEBUG: -->时，这些字符串可能被JS上下文意外引用，导致无法及时GC。
工具链删注释可能误删服务端逻辑占位符
html-minifier-terser设removeComments: true看似安全，但容易踩坑：
- SSR模板中注释包裹未执行逻辑（如
<!-- {{ env === 'prod' ? '' : '<script src="devtools.js"></script>' }} -->），删注释=删逻辑 -
<meta charset>之前存在注释（如模板开头<!-- debug: on -->），旧版IE或某些WebView会将其误判为“未知声明”，触发整页重解析（reparse） - 删除后务必验证
<meta charset>是否仍为内第一个有效标签——注释移除可能让其位置被其他标签“顶替”
注释不能出现在<script></script>或<style></style>标签内部
在<script></script>里写<!--不是注释JS代码，而是告诉HTML解析器：“从这儿开始一段HTML注释”。JS引擎根本不管它，反而可能因语法错乱报Uncaught SyntaxError: Unexpected token '('。
- ✅ 正确（屏蔽整个script块）：
<!-- <script>console.log("test");</script> --> - ✅ 正确（JS内部注释）：
<script>// 这才是 JS 注释</script> - ❌ 错误：
<script><!-- console.log("test"); --></script>（HTML解析器认为注释从
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
