HTMLScriptElement: свойство fetchPriority
Свойство fetchPriority интерфейса HTMLScriptElement представляет собой подсказку для браузера, указывающую, как он должен назначить приоритет загрузке внешнего скрипта по отношению к другим внешним скриптам. Оно отражает атрибут fetchpriority элемента <script>.
Это свойство позволяет разработчику указать, что загрузка определенного скрипта в начале или конце процесса загрузки оказывает больше или меньше влияния на пользовательский опыт, чем браузер может обоснованно предположить при назначении внутреннего приоритета. Это, в свою очередь, позволяет браузеру повысить или понизить приоритет и, возможно, загрузить скрипт раньше или позже, чем это было бы в противном случае. Это свойство следует использовать с осторожностью, так как чрезмерное или неправильное назначение приоритетов может ухудшить производительность.
Приоритет загрузки позволяет снизить приоритет скриптов, загружаемых в конце раздела body, или повысить приоритет async скриптов без использования презагрузки. Когда раннее выполнение скрипта имеет значение, приоритет может быть использован для дополнения презагрузки, повышая приоритет по сравнению с менее важными ресурсами, которые имеют более высокий приоритет по умолчанию.
Обратите внимание, что внутренний приоритет любой операции загрузки, а также влияние fetchPriority на приоритет полностью зависят от браузера.
Значение
Строка, представляющая подсказку приоритета. Возможные значения:
high-
Загрузить внешний скрипт с высоким приоритетом по отношению к другим внешним скриптам.
low-
Загрузить внешний скрипт с низким приоритетом по отношению к другим внешним скриптам.
auto-
Не устанавливать предпочтений для приоритета загрузки. Это значение по умолчанию. Оно используется, если значение не задано или задано недопустимое значение.
Примеры
<script id="el" type="module" src="main.js" fetchpriority="high"></script>
const el = document.getElementById("el");
console.log(el.fetchPriority); // Output: "high"
Спецификации
| Спецификация |
|---|
| HTML # dom-script-fetchpriority |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
fetchPriority |
102101–102 | 102101–102 | 132 | 8887–88 | 17.2 | 102101–102 | 132 | 70 | 17.2 | 19.0 | 102101–102 |
См. также
HTMLImageElement.fetchPriorityHTMLLinkElement.fetchPriority- Заголовок HTTP
Link - Оптимизация загрузки ресурсов с помощью API Fetch Priority для информации о том, как этот API влияет на приоритеты в Chrome.
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/fetchPriority
