Описание тега preload
Термин "предварительная загрузка" относится к методам повышения производительности путем загрузки данных / содержимого в память / кеш перед их обработкой или отображением для пользователей: предварительная загрузка изображений в браузерах, чтобы избежать задержки при рендеринге изображений, предварительная загрузка данных из баз данных в ОЗУ для предотвращения запросов к БД и т. Д. на.
Для предварительной загрузки веб-ресурсов https://w3c.github.io/preload/ "определяетpreload ключевое слово, которое может использоваться с linkэлементы. Это ключевое слово обеспечивает примитив декларативной выборки, который инициирует раннюю выборку и отделяет выборку от выполнения ресурса ".
Примеры:
<link rel="preload" href="/styles/other.css" as="style">
<link rel="preload" href="/assets/font.woff2" as="font" type="font/woff2">
<link rel="preload" href="/style/other.css" as="style">
<link rel="preload" href="//example.com/resource" as="fetch" crossorigin>
<link rel="preload" href="https:…/x.woff2" as="font" crossorigin type="font/woff2">
<link rel="preload" href="app.js" as="script" onload="pDone()" onerror="plErr()">