fetchpriority
Экспериментальная: Это экспериментальная технология
Перед использованием в production внимательно ознакомьтесь с таблицей совместимости с браузерами.
Нестандартная: Эта функция не стандартизирована. Мы не рекомендуем использовать нестандартные функции в production, поскольку они имеют ограниченную поддержку в браузерах и могут измениться или быть удалены. Однако в отдельных случаях, когда стандартного варианта нет, они могут стать подходящей альтернативой.
Атрибут fetchpriority сообщает браузеру относительный приоритет загрузки внешнего ресурса. Он работает так же, как атрибут fetchpriority для элементов HTML <img> и <script>.
Этот атрибут можно использовать со следующими элементами SVG:
Примечания по использованию
| Значение |
high | low | auto
|
|---|---|
| Значение по умолчанию | auto |
high-
Загружает внешний ресурс с высоким приоритетом относительно других внешних ресурсов.
low-
Загружает внешний ресурс с низким приоритетом относительно других внешних ресурсов.
auto-
Не задаёт предпочтительный приоритет загрузки. Используется, если значение не задано или является недопустимым. Это значение используется по умолчанию.
Примеры
В этом примере для элемента SVG <script> задаётся приоритет high.
<svg viewBox="0 0 10 10" height="120px" width="120px" xmlns="http://www.w3.org/2000/svg"> <circle id="normal" cx="5" cy="5" r="4" /> <script href="./color-change.js" fetchpriority="high"></script> </svg>
Совместимость с браузерами
>svg.elements.feImage.fetchpriority
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
fetchpriority |
Нет | Нет | 140 | Нет | Нет | Нет | 140 | Нет | Нет | Нет | Нет | Нет |
svg.elements.image.fetchpriority
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
fetchpriority |
Нет | Нет | 140 | Нет | Нет | Нет | 140 | Нет | Нет | Нет | Нет | Нет |
svg.elements.script.fetchpriority
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
fetchpriority |
Нет | Нет | 140 | Нет | Нет | Нет | 140 | Нет | Нет | Нет | Нет | Нет |
См. также
- Элемент SVG
<script> - Атрибут
fetchpriorityэлемента<script>в HTML
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/fetchpriority