<link rel="preload">Baseline · Widely available
The rel="preload" attribute for the <link> HTML element requests resources, such as images or style sheets, that the page needs soon, so the browser may prioritize them for loading before rendering begins.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 26, 2021. Widely available since Jul 26, 2023.
Browser support
DesktopChrome
1–49Not supported
50+Supportedsince Apr 13, 2016
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–84Not supported
85+Supportedsince Jan 26, 2021
Current: 157Safari
1–11Not supported
11.1+Supportedsince Apr 12, 2018
Current: 27MobileChrome Android
18–49Not supported
50+Supportedsince Apr 13, 2016
Current: 155Firefox Android
4–84Not supported
85+Supportedsince Jan 26, 2021
Current: 157Safari iOS
1–11Not supported
11.3+Supportedsince Mar 29, 2018
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
Full syntax and examples are on MDN: preload.
Feature detection
JS · check before using
if ("rel" in document.createElement("link")) {
// the rel attribute/property of <link> is supported
}Documentation (MDN)
Specification
Usage share
Sub-features
Support for each part of the feature (7). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| link.rel.preload | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-fetch | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-font | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-image | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-script | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-style | 50 | 79 | 85 | 11.1 | 50 | 85 | 11.3 |
| link.rel.preload.as-track | 50 | 79 | ✕ | 11.1 | 50 | ✕ | 11.3 |