fetchpriority атрибут HTML

Атрибут fetchpriority позволяет разработчику сообщить, что загрузка определённого изображения на раннем этапе загрузки страницы оказывает на пользовательский опыт большее или меньшее влияние, чем может обоснованно предположить браузер при назначении внутреннего приоритета. Это позволяет браузеру повысить или понизить приоритет и, возможно, загрузить изображение раньше или позже, чем в противном случае.

Этот атрибут можно применить к элементам <img>, <link> и <script>. У него также есть аналог в SVG.

Приоритет загрузки можно использовать в дополнение к предварительной загрузке, чтобы повысить приоритет ресурса по сравнению с ресурсами меньшей значимости, у которых приоритет по умолчанию выше. Например, если разработчик знает, что определённое изображение существенно влияет на показатель сайта отрисовки крупнейшего содержимого (LCP), он может добавить <link rel="preload"> для этого изображения, а затем дополнительно повысить его приоритет с помощью атрибута fetchpriority.

Обратите внимание, что и внутренний приоритет любой операции загрузки, и влияние fetchpriority на этот приоритет полностью зависят от браузера.

Этот атрибут является перечисляемым и может иметь одно из следующих значений:

high

Загружает внешний ресурс с высоким приоритетом относительно других внешних ресурсов.

low

Загружает внешний ресурс с низким приоритетом относительно других внешних ресурсов.

auto

Не задаёт предпочтительный приоритет загрузки. Используется, если значение не указано или недопустимо. Это значение по умолчанию.

Примечания по использованию

Этот атрибут следует использовать умеренно, поскольку чрезмерная или неправильная расстановка приоритетов может снизить производительность.

Спецификации

Совместимость с браузерами

html.elements.img.fetchpriority

html.elements.link.fetchpriority

html.elements.script.fetchpriority

См. также

• Атрибут fetchpriority в SVG