三张图搞懂defer跟async

1. 脚本没有defer跟async，浏览器会加载并执行该脚本，会阻塞后续文档的执行
2. 加了defer的js，浏览器会加载该js，不会影响后续文档的执行，等文档全部加载完，再执行该js

3. 加了async的js，浏览器加载js，不会影响后续文档的执行，但是加载完js，执行的时候会影响后续文档的执行

   
   image.png

不加defer跟async的js

image.png

加了defer的js

image.png

加了async的js

image.png