prefetch 与 preload 的区别是什么

Issue

欢迎在 Issue 中交流与讨论: Issue 286

Author

回答者: shfshanyue

1. preload 加载当前路由必需资源，优先级高
2. prefetch 优先级低，在浏览器 idle 状态时加载资源。一般用以加载其它路由资源，如当页面出现 Link，可 prefetch 当前 Link 的路由资源。（next.js 默认会对 link 做懒加载+prefetch，即当某条 Link 出现页面中，即自动 prefetch 该 Link 指向的路由资源

prefetch - Prefetch the page in the background. Defaults to true. Any that is in the viewport (initially or through scroll) will be preloaded.

更多信息可参考以下链接：

• 用 preload 预加载页面资源
• Using Preload and Prefetch in Your HTML to Load Assets

扫码关注公众号全栈成长之路，并发送

即可在关注期间无限制浏览本站全部文章内容

你也可以在文章关于回复公众号扫码解锁全站的技术实现中获得解锁代码，永久解锁本站全部文章