defer和async的区别

//没有defer和async的script标签，浏览器会立即加载并执行指定的脚本，也就是说html和css可能还没有渲染出来。
<script src='xxx'></script>  
//async可以使得js脚本和html还有css渲染同时执行（并行）
<script src='xxx' async></script> 
//defer可以使得js脚本和html还有css 渲染同时执行（并行），也就是说此时浏览器解析元素，并且下载脚本，但是script.js要在所有元素解析完成之后执行
<script scr='xxx' defer></script>