HTML脚本标签应放哪里？加载优化技巧

async 脚本下载不阻塞，但一旦下载完成，会立刻中断 HTML 解析并执行——此时 DOM 可能只解析了一半，也不管其他脚本是否就绪。

• 只适用于不操作 DOM、不依赖其他 JS、失败也不影响主功能的脚本，如 analytics.js、广告 SDK
• 两个 async 脚本若存在依赖，A 下载快但 B 还没加载，执行 A 就会抛 ReferenceError
• 别把 async 脚本放在 底部还指望它晚执行——它可能比
  还早运行
• 绝对不要在 async 脚本里调用 document.write()，页面直接清空

放在 前 ≠ 安全，不加属性照样阻塞下载

把 放在 前，只是让执行时机靠后，但下载阶段仍会同步阻塞 HTML 解析——尤其在弱网下，浏览器一边等 JS 下载，一边停着不往下扫。

• 真正解耦下载与执行，必须加 defer 或 async
• 即使放到底部，没加属性的外部脚本仍会触发“暂停 → 下载 → 执行 → 继续”的流程
• 规范上，