html预加载之link标签 #

link rel 里面有 preload 和 prefetch、modulepreload，都是用于预加载资源

<link rel="preload" href="..." as="..." />
<link rel="modulepreload" href="..." />
<link rel="prefetch" href="..." />

注意 preload 需要写上正确的 as 属性，才能正常工作(prefetch 不需要)

preload 和 prefetch 有什么区别 #

preload 是用于预加载当前页的资源，浏览器会优先加载它们

prefetch 是用于预加载后续导航使用的资源，浏览器也会加载它们，但优先级不高

参考资料 #

html 预加载之 link 标签