一、href和src的区别

href和src的使用

herf:在styleSheet link元素 a标签 会用到href 表示一个引用关系

src：会在img video iframe 标签中使用src 会实质性展示出来

href和src的特点

herf: 不会阻塞页面解析 但是页面渲染会 因为页面渲染需要CSSOM树

src：浏览器页面解析中遇到script标签会立刻加载并且执行 页面的加载和解析也会暂停 因为js是单线程有可能会操作dom树或者css树才会阻塞页面

二、defer和async的区别

defer的作用

如果浏览器看到这行代码的时候 会立即下载这个script但是会延期执行直到html加载dom后才会执行

顺序执行

#####　async

如果浏览器看到这行代码的时候 会立即下载这个script什么时候下载完毕什么时候执行