## 正常的 script 标签 * script 代码是在 js 引擎中执行的，如果代码文件很大，那么就会阻塞渲染 * 脚本下载并且执行完之后，才会渲染页面  ## async defer - 不会阻塞 dom 渲染 ### defer 1. 异步下载 js 文件 2. 多个设置了`defer`的`script`标签存在，则会按照顺序执行所有的`script`，前一个执行完才能执行下一个 3. `defer`脚本会在文档渲染完毕后，`DOMContentLoaded`事件调用前执行  #### 适用场景 - 有顺序依赖的 ### async * 异步下载 js 文件 * 多个设置了 async，不会按照顺序执行，而是谁先完事谁执行 * **`DOMContentLoaded`** 不受 async 的影响，可能在js执行前，也可能在js执行后   #### 适用场景 - 没有脚本加载的顺序依赖，也不关心dom