嵌套超6层会导致fcp延迟200ms以上，低端android千元机或ios 14旧设备实测证实；因dom创建、样式匹配、布局计算开销呈非线性增长，需通过语义化标签替代div堆叠、检查合成层分裂及重构ssr/框架输出来优化。

嵌套超6层会让FCP延迟200ms以上

这不是理论值，是低端设备上的实测结果。Android 10千元机或iOS 14旧款设备上，<div><div><div><div><div><p></p></div></div></div></div></div> 这种结构会直接拖慢首次内容绘制（FCP）超过200ms。原因很实在：浏览器流式解析HTML时，每层都要做DOM节点创建 + 样式匹配 + 布局计算，6层之后开销呈非线性增长。

• 用Chrome DevTools → Elements面板右键任意节点 → Show DOM properties 查看<code>depth值，超过6必须重构
• SSR或框架（如Next.js）输出的HTML常带<div data-reactroot>外层包裹，容易无意中加厚2层，需手动检查父容器是否已超限 <li>语义化标签如<code><section>、<code><main>本身不增加解析成本，还能压低实际DOM节点数——移动端稳定底线是 <h3>表格单元格里嵌套<div>极易触发同步Layout <p><code><td>内部样式计算本就比普通块级元素重，再套一层<code><div>，尤其当该<code><div>含<code>display: flex或<code>position: relative时，浏览器必须在每次重排前重新计算整行表格的列宽与布局关系。 <ul> <li>错误写法：<code><td><div class="cell-content"><p>文本</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5117" title="HTML Extract"><img src="https://img.php.cn/upload/skill/000/000/081/179033952939354.jpg" alt="HTML Extract" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="overflowclass">HTML Extract</a> <p class="overflowclass">使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...</p> </div> <a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div></div></td>
• 正确做法：直接给<td>加类或内联样式；若需语义分组，优先用<code><figure><figcaption></figcaption></figure>替代无意义<code><div> <li>SSR输出的HTML中这类结构最易被忽略，建议用正则搜索<code><td><div>快速定位 <h3>script位置不当会让主线程“卡死”更久</h3> <p>不是JS代码慢，而是它抢占了主线程。遇到未加<code>defer或<code>async的<code><script></script>，浏览器立刻暂停HTML解析器，把控制权交给JS引擎——此时哪怕只有一行<code>console.log(1)，首屏DOM树也建不完。
  • 非关键脚本（统计、错误监控、第三方SDK）必须加defer：保序执行，又不阻塞HTML流式解析
  • 纯交互逻辑（如按钮绑定）可用async，但注意它不保序，且可能在DOM未就绪时运行，大概率报<code>Cannot read property 'addEventListener' of null
  • 真要操作首屏DOM的脚本（轮播初始化、表单校验），放