资源预加载速查表

预加载内容是改善网页性能的众多方法之一。link 元素的 rel 属性可以用于指示浏览器如何处理不同的资源。下面是一个方便的速查表，帮助您记住不同的值及其效果。

• rel="preload"：尽快下载资源。当您在同一页上的几秒钟后需要资源时使用。
• rel="prefetch"：建议提前获取资源。当您在下一页上需要资源时使用。
• rel="preconnect"：建立与链接网站的连接，以加快以后从中获取资源的速度。当您需要资源，但尚不知道其完整 URL 时使用。
• rel="dns-prefetch"：解析链接网站的 DNS，以加快以后从中获取资源的速度。当您需要资源，但尚不知道其完整 URL 时使用（主要用于旧版浏览器）。
• rel="prerender"：预加载资源并在后台渲染，加快将来的页面加载速度。当用户可能导航到特定页面时使用。
• rel="modulepreload"：预加载 JavaScript 模块脚本。当您很快需要一个 ES 模块脚本时使用。