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.
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'preconnect' in that specification. |
Living Standard |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
preconnect | Chrome Full support 46 | Edge Full support 79 | Firefox
Full support
39
| IE No support No | Opera Full support 33 | Safari Full support 11.1 | WebView Android Full support 46 | Chrome Android Full support 46 | Firefox Android
Full support
39
| Opera Android Full support 33 | Safari iOS Full support 11.3 | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.