script

script标签用于加载脚本与执行脚本

直接使用script脚本

<script src='xxx'></script>

• 在脚本加载&执行的过程中，会阻塞后续的DOM渲染。
• 如果引用各种第三方脚本, 第三方服务商出现了一些小问题，比如延迟之类的，就会使得页面白屏。

defer

<script src='xxx' defer></script>

• 有多个设置了 defer 属性的 script 标签存在，则会按照顺序执行所有的 script ， defer 脚本会在文档渲染完毕后， DOMContentLoaded 事件调用前执行。

async

<script src='xxx' async></script>

• async 的执行并不会按照 script 标签在页面中的顺序来执行，而是谁先加载完谁先执行。