as - тип контенту.
<head>
<link rel="preload | prefetch | modulepreload" href="URL" as="type">
</head>
head - тег <head>.
type - тип контенту.
URL - URL завантаження
as атрибут тегу <link> який вказує тип завантаженого посилання зовнішнього ресурсу. Використовується разом з атрибутом rel="preload", "prefetch", "modulepreload".Опис:
| audio | попереднє завантаження аудіо<link rel="preload" href="/dani/test.mp3" as="audio"> |
| document | попереднє завантаження документу iframe
<link rel="preload" href="/javascript" as="document"> |
| embed | |
| fetch | для ресурсів завантажених за допомогою fetch, XMLHttpRequest |
| font | попереднє завантаження шрифтів
<link rel="preload" href="font/webfont.woff2" as="font" type="font/woff2">
|
| image | попереднє завантаження зображення
<link rel="preload" href="/dani/test.jpg" as="image"> |
| object | |
| script | попереднє завантаження модулів JavaScript
<link rel="modulepreload" href="/dani/module.js"> |
| style | завантаження стилів
<link rel="preload" href="/style.css" as="style"> |
| track | попереднє завантаження track
<link rel="preload" href="/dani/test.mp3" as="track"> |
| video | попереднє завантаження video
<link rel="preload" href="/dani/test.mp4" as="video"> |
| worker |
<html>
<head>
<link rel="preload" href="/dani/test.mp4" as="video">
</head>
<video src="/dani/test.mp4" controls></video>
</html>