resource-preloading-cheatsheet.md

标题	标签
resourcePreloadingCheatsheet(资源预加载备忘单)	resources,preload(资源，预加载)

预加载内容是提高 Web 性能的众多方法之一。link 元素的 rel 属性可用于指示浏览器如何处理不同的资源。这里有一个方便的备忘单，可帮助你记住不同的值及其效果。

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