rel=preconnect
preconnect
是 rel
属性(用于 <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">
与其他类似性能改进功能的比较。