广告脚本必须用 async，否则会卡住首屏渲染；因 defer 延迟执行致广告曝光滞后、无属性则阻塞 html 解析致白屏，而 async 可并行下载并立即执行，适配广告 sdk 自主控制 dom 插入时机。
广告脚本必须用 async，否则会卡住首屏渲染——这是硬性要求，不是建议。
为什么广告脚本不能用 defer 或不加属性？
广告脚本（比如 ads.js、taboola.js、taboola.js）通常只做一件事：发请求、插 iframe、写 document.write（虽然已 deprecated，但老 SDK 还在用）。它不操作当前页面 DOM，也不依赖其他 JS 执行结果。
如果用 defer，它会被拖到 DOMContentLoaded 之后执行，广告曝光延迟几秒，CPM 直接掉；如果不加任何属性，HTML 解析立刻暂停，用户看到白屏或“加载中”，跳出率飙升。
-
async让浏览器并行下载广告脚本，且一完成就执行，越早跑越好 - 广告 SDK 内部自己处理 DOM 插入时机（比如监听
load或用requestIdleCallback），不需要你等 DOM 就位 - 多个广告脚本之间无依赖，谁先下完谁先跑，顺序无关紧要
async 在实际广告代码中的写法要点
主流广告平台（Google AdSense、Media.net、Taboola、Outbrain）提供的嵌入代码，基本都默认带 async。但你自己手写或二次封装时，容易漏掉关键细节：
- 必须搭配
src使用：<script async src="https://cdn.example.com/ads.js"></script>—— 写成<script async>loadAd()</script>无效，async对内联脚本无作用 - 不要和
defer共存：<script async defer src="a.js"></script>中defer被静默忽略，只按async行为执行 - 避免放在
顶部还加document.write：部分老广告 SDK 仍用它动态写 script 标签，而document.write在 async 脚本里可能失效或清空页面，应改用document.createElement("script")+appendChild
遇到广告不展示？先查这三件事
加了 async 还没效果，大概率不是属性问题，而是执行环境或加载链路被阻断：
- 检查控制台是否报
net::ERR_BLOCKED_BY_CLIENT：广告拦截插件（uBlock Origin、AdGuard）直接屏蔽了域名，换无痕模式验证 - 确认脚本 URL 是否含
http://：现代浏览器对混合内容（HTTP 资源在 HTTPS 页面）默认拦截，必须用https:// - 看 Network 面板里脚本状态：如果是
pending或failed，说明 CDN 不可达或路径错误；如果是200但没后续请求，可能是 SDK 初始化失败（比如缺少window.googletag等全局变量）
真正麻烦的从来不是加不加 async，而是广告脚本内部是否做了同步阻塞操作（比如长循环、未加 setTimeout 的重试逻辑），或者它悄悄调用了 document.write —— 这些行为在 async 下反而更隐蔽，得靠 Performance 面板抓帧分析。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
