异步加载 Async Loading
一句话定义
资源同时加载,互不干扰,不阻塞渲染。
打个比方 Analogy
多个厨师同时炒不同的菜。不用等 A 菜炒完再炒 B 菜。
岗位实战怎么做 In Practice
async 属性:脚本下载完立即执行,顺序不保证(适合独立脚本,如 Analytics)。defer 属性:脚本在 HTML 解析完后按顺序执行(适合有依赖的脚本)。
案例与避坑 Pitfalls
async 和 defer 不能同时使用。内联脚本不能使用这两个属性。