Предварительная загрузка ресурсов
Атрибут необходим, чтобы гарантировать правильную приоритизацию, сопоставление запросов, применение правильной политики
| consumer | Preload directive |
|---|---|
<audio> | <link rel=preload as=audio href=...> |
<video> | <link rel=preload as=video href=...> |
<track> | <link rel=preload as=track href=...> |
<script>, Worker’simportScripts | <link rel=preload as=script href=...> |
<link rel=stylesheet>, CSS @import | <link rel=preload as=style href=...> |
| CSS @font-face | <link rel=preload as=font href=...> |
<img>, <picture>,srcset, imageset | <link rel=preload as=image href=...> |
SVG’s <image>, CSS *-image | <link rel=preload as=image href=...> |
| XHR, fetch | <link rel=preload as=fetch crossorigin href=...> |
| Worker, SharedWorker | <link rel=preload as=worker href=...> |
<embed> | <link rel=preload as=embed href=...> |
<object> | <link rel=preload as=object href=...> |
<iframe>, <frame> | <link rel=preload as=document |
Еще можно почитать тут — https://habrahabr.ru/post/182310/
И тут — https://w3c.github.io/preload/