defer和async的区别

我们先定义一个<script> 没有任何属性。HTML文件将被解析，直到解析到 script 文件，HTML 解析将停止，并将请求获取 script 文件（如果它是外部的）。执行 script 文件再执行 HTML解析。

defer 属性

在<script>元素中设置 defer 属性，相当于告诉浏览器立即下载，但延迟执行。

在 XHTML 文档中，要把 defer 属性设置为 defer="defer"。

async

async 只适用于外部脚本文件，并告诉浏览器立即下载文件。但与 defer 不同的是，标记为 async
在HTML解析过程中下载文件，并在完成下载后暂停HTML解析器执行。

在 XHTML 文档中，要把 defer 属性设置为 async="async"。

参考资料：http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html