资源提示符
资源提示符
async
插入js脚本时可以使用该提示符，并行js脚本加载和html文件的解析，在加载完成后会直接执行js暂停html的渲染
defer
插入js脚本的提示符，并行js脚本的加载和html的解析，在js加载完成后不会立即执行，会等待html解析完再执行。
preload
<link rel="preload" href="example.js" as="script">，提示浏览器提前加载example.js脚本
preload 是 <link> 标签 rel 属性的属性值，同时需要配合 as 属性使用。
as 指定将要预加载的内容的类型，使得浏览器能够：
- 更精确地优化资源加载优先级。
- 匹配未来的加载需求，在适当的情况下，重复利用同一资源。
- 为资源应用正确的内容安全策略。
- 为资源设置正确的 Accept 请求头。
prefetch
<link rel="prefetch" href="next-page.css"> 可让浏览器提前下载 next-page.css 文件
prefetch 和 preload 不同，使用 prefetch 属性指定的资源将在浏览器空闲时间下下载。
总结
前面两个可以在写的时候正常的根据实际场景使用，后两个一般是在框架中做一些优化使用。