preload 和 prefetch 的区别是什么？

考察点：资源加载优先级、性能优化

这两个我一般会从“使用时机”来区分。

• preload：当前页面必须用到的资源，优先加载

• prefetch：未来可能用到的资源，空闲时加载

举个例子：

<link rel="preload" href="main.js" as="script">
<link rel="prefetch" href="next-page.js">

我实际理解是：

👉 preload 是“抢带宽”
👉 prefetch 是“捡空闲”

面试官如果继续问，我会补一句：
preload 会参与当前页面的关键路径，而 prefetch 不会阻塞当前渲染。