Вёрстка: Предварительная загрузка ресурсов с помощью preload

Используется для предварительной загрузки ресурсов, таких как изображения, видео, стили и скрипты, которые будут использоваться на странице. Предварительная загрузка может ускорить отображение важных ресурсов. Если вам известно, что определенный ресурс, такой как стиль или скрипт, понадобится в ближайшем будущем, вы можете предварительно загрузить его, чтобы он был готов к использованию, как только понадобится.

# Предварительная загрузка изображения, которое будет использовано позже на странице
<link rel="preload" href="image.png" as="image">

# Предварительная загрузка файла CSS, который будет использован на странице
<link rel="preload" href="core.css" as="style">

# Предварительная загрузка скрипта JavaScript, который будет использован на странице
<link rel="preload" href="core.js" as="script">