rel=preconnect

preconnectrel 属性(用于 <link> 元素)的一个关键字,它提示浏览器用户可能需要来自目标资源来源的资源,因此浏览器可以通过抢先启动到该来源的连接来改善用户体验。通过抢先执行部分或全部握手(HTTP 为 DNS+TCP,HTTPS 来源为 DNS+TCP+TLS),预连接可以加快将来来自给定来源的加载速度。

<link rel="preconnect"> 将为任何未来的跨源 HTTP 请求、导航或子资源提供好处。它对同源请求没有好处,因为连接已经打开。

如果页面需要连接许多第三方域名,预连接所有域名可能会适得其反。<link rel="preconnect"> 提示最好仅用于最关键的连接。对于其他连接,只需使用 <link rel="dns-prefetch"> 来节省第一步(DNS 查询)的时间。

示例

html
<link rel="preconnect" href="https://example.com" />

您还可以将预连接作为 HTTP Link 标头实现,例如

http
Link: <https://example.com>; rel="preconnect"

规范

规范
HTML 标准
# link-type-preconnect

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

  • 推测性加载,了解 <link rel="preconnect"> 与其他类似性能改进功能的比较。