知道接下来一定用的资源，提前告诉浏览器排队下载，消除关键路径上的等待。

实践流程

<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/api/critical" as="fetch" crossorigin>

要点速览

  • 字体、首屏图、关键接口适合预加载。
  • 滥用 preload 会和真正请求抢带宽，反伤性能。
  • 带 crossorigin 的资源预加载要标 crossorigin，否则重复取。
预加载是「提前排队」：让关键资源别等被发现才下载。