不要将 preload 指令与浏览器仅预加载那些在 HTML 中声明的资源混淆。preload 指令克服了这个限制。Preload 允许您预加载由 CSS 和 JavaScript 启动的资源，以及描述何时使用每个资源。

预加载与预取有何不同？预加载适用于当前导航和高优先级资源。为下一次导航预取低优先级资源。请注意，preload 不会阻止窗口的 onload 事件。

图显示了使用预加载指令加载 JavaScript 资源的示例

米。1.使用Preload指令加载JavaScript资源的例子

1.1. 预加载指令的优点
以下是预加载指令的一些好处：

允许浏览器设置资源优先级，这反过来又允许网络开发人员优化资源交付。
允许浏览器找出资源的类型，这反过来又 香港手机号码列表 让浏览器知道将来是否可以再次使用相同的资源。
允许浏览器根据 as 属性判断请求是否符合内容安全策略。
允许浏览器根据资源类型（例如 image/webp）发送适当的接受标头。

这是预加载图像的一个非常简单的示例

下面是预加载字体的示例。

1.3. 浏览器支持预加载
2016 年 4 月，Chrome 50 添加了对预 cz 列表 加载指令的支持，Opera 37 及更高版本也支持。Mozilla Firefox 浏览器尚未实现对预加载指令的支持，它很可能出现在 Microsoft Edge 浏览器中（截至 2017 年 1 月 9 日）。

图 2 显示了最常见浏览器的最新版本，表明支持预加载指令（截至 2017 年 1 月 9 日）。查看此页面了解最新状态

米。2. 最常用浏览器的最新版本表明支持预加载指令。绿色表示支持，红色表示不支持，灰色表示可能（截至2017年1月9日）

2.预取
Prefetch 是一种低优先级的资源提示，它允许浏览器在后台（在空闲时间）获取那些以后可能有用的资源，并将它们存储在浏览器的缓存中。页面加载完成后，预取会下载一些额外的资源。