ENGINEERING / NOTE
资源预加载
MDN · 站内原创整理
preload 和 preconnect 只能服务于明确的关键资源,滥用会增加竞争和浪费。
核心说明
preload、preconnect 和 modulepreload 都是在表达资源优先级。它们应该服务于明确的关键路径,而不是看到任何资源都加一个提示。
关键点
- preload 资源必须真的在当前页面早期使用,否则会浪费连接和缓存空间。
- 跨域 preconnect 需要正确的 crossorigin 配置。
- 增加提示后要观察瀑布图是否改善,而不是只看 HTML 里多了几个 link。
资料来源 在官方文档中核验:MDN ↗