<link rel="preload">

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.

Baseline Status: Achieved Widely Available on Jul 26, 2023 (Cross-browser Newly Available since Jan 26, 2021).

Desktop Browser Engine Support

Google Chrome

50

Supported

Mozilla Firefox

85

Supported

Apple Safari

11.1

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

50

Firefox Android

85

Safari iOS

11.3

Specifications and References

Specification ↗ Can I Use (link-rel-preload) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

html.elements.link.rel.preload ↗ html.elements.link.rel.preload.as-fetch ↗ html.elements.link.rel.preload.as-font ↗ html.elements.link.rel.preload.as-image ↗ html.elements.link.rel.preload.as-script ↗ html.elements.link.rel.preload.as-style ↗ html.elements.link.rel.preload.as-track ↗