若Parse HTML蓝条被Evaluate Script黄条截断且黄条＞50ms，即为同步脚本阻塞解析；其出现在FCP前并后接大片空白，可判定为白屏主因，需结合defer/async优化或检查CSSOM依赖。

怎么看<script>是否在阻塞Parse HTML主线程</script>

打开 Chrome DevTools → Performance 面板 → 录制一次完整页面加载（勾选 Screenshots），回放时直接看 Main 线程顶部的长条任务：Parse HTML 蓝条如果被中间突然插入的 Evaluate Script 黄条硬生生截断，且黄条持续时间明显（>50ms），那就是它在阻塞解析。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 同步脚本（没加 async 或 defer）一定会打断 Parse HTML，哪怕只是空文件——HTTP 请求本身就会触发暂停
• Evaluate Script 出现在 Parse HTML 刚开始后、FCP 之前，且后面紧跟着大片空白（无 Layout/Paint），基本可判定为白屏主因
• 注意区分：内联脚本（<script>...</script>）的 Evaluate Script 通常和 Parse HTML 在同一位置；外链脚本则可能错位，但只要没加属性，一样会强制暂停解析器去等它下载+执行

为什么把<script>移到</script>