预加载#
<link rel="preload"> 用于预加载 当前页面 所需的资源，在浏览器解析 HTML 文档之前加载。
<link rel="preload" href="https://example.com/image.png" as="image" />
预取#
<link rel="prefetch"> 用于预取 将来页面 所需的资源，在浏览器解析 HTML 文档之后加载。
<link rel="prefetch" href="https://example.com/image.png" as="image" />
预加载 vs 预取#
- 预加载用于加载当前页面所需的资源，在浏览器解析 HTML 文档之前加载。
- 预取用于加载将来页面所需的资源，在浏览器解析 HTML 文档之后加载。
- 预加载的优先级高于预取