congxine笔记
ONLINE
返回技术
ENGINEERING / NOTE

资源预加载

MDN · 站内原创整理

preload 和 preconnect 只能服务于明确的关键资源,滥用会增加竞争和浪费。

核心说明

preload、preconnect 和 modulepreload 都是在表达资源优先级。它们应该服务于明确的关键路径,而不是看到任何资源都加一个提示。

关键点

  • preload 资源必须真的在当前页面早期使用,否则会浪费连接和缓存空间。
  • 跨域 preconnect 需要正确的 crossorigin 配置。
  • 增加提示后要观察瀑布图是否改善,而不是只看 HTML 里多了几个 link。