preload vs prefetch vs preload scanner

[xxleyi]

昨天了解到 preload 这个指令，今天了解到 preload scanner，感觉到这两个很类似，但知道肯定有不同，所以就更进一步了解了一番，确实不同。

• preload scanner 是在 parser 阶段的优化，但是只能针对 markup 里的资源请求进行优化，如果使用动态脚本加载，这个就无效了
• prefetch 呢？是预拉取，目标是优化下一次 navigator 操作，优先级很低
• preload 的出现，就是为了进一步优化预加载，可以让开发者自由指定需要预加载的静态资源，这些静态资源将会在当前页面使用，由 JS 脚本动态发出请求

参考： https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/ https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content