默认阻塞HTML解析;defer下载不阻塞、DOM就绪后按序执行;async下载不阻塞、完即执行且无序;路径须为URL、禁用file://协议;type缺省可能被当module处理;404仅警告需查Network面板。

用 <script src></script> 加载外部 JS 时,脚本默认阻塞 HTML 解析
浏览器遇到 <script src="xxx.js"></script> 会立即暂停 DOM 构建,下载、解析、执行完才继续。这对首屏渲染影响明显,尤其当 JS 文件大或网络慢时。
常见错误现象:document.getElementById 返回 null,因为脚本在 DOM 元素出现前就执行了;或者页面白屏时间变长。
- 把
<script src></script>放在


















