延迟加载js有哪些方式

1.正常情况下:

<script type="text/javascript"></script>

html解析->（遇到js脚本）html解析暂停（此处开始：js下载->js执行）->html解析

---

2.加async情况下:

<script async type="text/javascript"></script>

html解析（遇到js脚本）（继续html解析，并且此处开始：js下载）

->

（js下载完后）html解析暂停（此处开始：js执行）

->

html解析

总结：async是js脚本谁先加载完，谁先执行

---

3.加defer情况下:

<script defer type="text/javascript"></script>

html解析（遇到js脚本）（继续html解析，并且此处开始：js下载）

->html解析

->js执行

总结:defer是html全部解析完，顺序执行js脚本

标签：脚本,解析,此处,js,html,延迟,下载,加载
来源： https://blog.csdn.net/qq_53701739/article/details/123167847