Skip to content

资源描述符

<script>

以下两个是用于 <script> 元素的,用于不阻塞主线程,同时控制它的执行时机。

  • async:不阻塞 dom 解析,下载完成后立即执行。
  • defer:不阻塞 dom 解析,且 dom 解析完成后,按照脚本顺序执行。

补充:type="module" 默认启用 defer

<link>

以下两个是用于 <link> 元素的,用于预下载资源的,不需要执行的。并且注意它不仅仅是下载 css 文件,像 js、图片、视频都是可以的.

  • preload:着急用,尽快下载。
  • prefetch:空闲时下载。

基于 MIT 许可发布