如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样就阻塞了后续文档的加载。
使用defer和async都会使得解析HTML的同时进行js脚本的异步下载，不会阻碍文档的解析。
两者区别是：async在下载完js脚本之后立即执行js，有可能会阻碍文档的解析，且多个标记async的js脚本可能不会按照顺序执行；使用defer会在html解析完成之后再执行js脚本文件，而且多个defer的脚本会按照顺序执行。
或者会问你如何解决js脚本加载阻塞文档解析：
1、将js脚本(script标签)写在body最下方；(最佳方式)
2、script标签添加defer或者async属性。（一般只适合操作外部脚本）
<script src="./1.js" async></script>
<script src="./1.js" defer></script>
