非关键脚本不加defer或async必然阻塞html解析,导致首屏白屏;因其强制暂停dom构建,下载执行完才继续,即使仅埋点也会拖慢fcp。

非关键脚本不加 defer 或 async,首屏必然白屏——这不是 JS 执行慢,而是浏览器被它卡在解析阶段。
为什么 script 不加属性就等于阻塞首屏
浏览器解析 HTML 时,遇到 <script src="app.js"></script> 会立刻暂停 DOM 构建,同步下载、执行完才继续。哪怕这个脚本只做埋点,也会拖慢 FCP(首次内容绘制)。
- 现象:Network 面板里
app.js的 Initiator 显示为parser,且 FCP 前有明显空白 - 本质:不是脚本本身重,而是它打断了 HTML 解析流,DOM 树无法完成,浏览器连渲染准备都做不了
- 误区:以为“放
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











