异步加载资源

如果没有defer或者async属性,浏览器会立即加载并执行相应的脚本,它不会等待后续加载的文档元素,读取到就会开始加载和执行,这样就阻塞了后续文档的加载

defer和async的区别

• 执行顺序:多个带async属性的标签,不能保证加载的顺序,多个带defer属性的标签,按照加载器顺序执行
• ** 脚本是否并行执行:* async属性表示*后续文档的加载和执行与js脚本的加载和执行时并行进行的即异步执行;defer属性,加载后续文档的过程和js脚本的加载时并行进行的,js脚本需要等到文档所有元素解析完成之后才执行,DOMContentLoaded事件触发执行之前.