preload 和 prefetch
preload 和 prefetch 都是用于提高网页性能的资源提示，但它们适用的场景和目的不同：
-
preload：
- 区别：preload 用于优先加载当前页面所需的重要资源。浏览器在发现 preload 指令时，会尽快下载这些资源，使其在需要时已准备就绪。
- 适用资源：适用于较大或关键性资源，例如字体、关键 CSS 或 JavaScript 文件，确保它们在页面渲染时已经加载完毕，提升用户体验。
-
prefetch：
- 区别：prefetch 用于提前加载将在未来页面中可能使用的资源。它的优先级较低，因此对当前页面的加载影响较小。
- 适用资源：适合未来页面可能需要的资源，比如即将访问的下一页中的图片或脚本，可在用户导航到下一页时加快加载速度。
总结：preload 主要是优化当前页面的加载，而 prefetch 是为未来页面的加载做准备。