一句话八股文- script defer vs async
2024-02-25 本文已影响0人
安石0
image.png
一句话：
是否阻塞：dom解析，defer下载和执行都不阻塞，asncy执行阶段阻塞，正常的标签下载和执行都阻塞。
表格：
阻塞dom 解析
| 类别 | 下载阶段 | 执行阶段 |
|---|---|---|
| script | 阻塞 | 阻塞 |
| async | 不阻塞 | 阻塞 |
| defer | 不阻塞 | 不阻塞 |
image.png
image.png
image.png
是否阻塞：dom解析，defer下载和执行都不阻塞，asncy执行阶段阻塞，正常的标签下载和执行都阻塞。
阻塞dom 解析
| 类别 | 下载阶段 | 执行阶段 |
|---|---|---|
| script | 阻塞 | 阻塞 |
| async | 不阻塞 | 阻塞 |
| defer | 不阻塞 | 不阻塞 |
