The preconnect keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need resources from the target resource's origin, and therefore the browser can likely improve the user experience by preemptively initiating a connection to that origin.
<link rel="preconnect" href="https://example.com">
| Specification |
|---|
| HTML Standard # link-type-preconnect |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
preconnect |
46 |
79 |
39
Before Firefox 41, it doesn't obey the
crossorigin attribute. |
No |
33 |
11.1 |
46 |
46 |
39
Before Firefox 41, it doesn't obey the
crossorigin attribute. |
33 |
11.3 |
4.0 |
© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preconnect