资源预加载可能会拖慢网站速度

正文

请到「今天看啥」查看全文

link rel = " prefetch " as = " style " href = " page-2.css " />

预加载请求的优先级

预加载的资源并不是立刻需要的，因此它们应该在后台悄悄加载。Google 在 web.dev 上对此进行了说明：

浏览器会将所有预加载提示排队，并在空闲时请求这些资源。

预加载的请求被标记为 “最低” 优先级，因此它们不会与当前页面所需的资源争夺带宽。

预加载请求过早导致的带宽竞争

然而，在分析网站资源加载的请求瀑布图时，我们发现预加载请求往往发生得太早，导致它们与主要内容的图片争夺带宽。

尽管 Chrome 将预加载请求标记为最低优先级，但我们网站上优先级最高的 Largest Contentful Paint（LCP）图片仍然没有被快速下载。

💡 小贴士
理论上，服务器也应该识别资源的优先级，并优先发送重要资源。但在实际情况中，许多云服务提供商并未正确支持这一功能。

请到「今天看啥」查看全文