HTMLScriptElement: fetchPriority 属性

有限可用性

此功能不是基线,因为它在一些最常用的浏览器中不起作用。

fetchPriority 属性是 HTMLScriptElement 接口的一个属性,它表示向浏览器提供的一个提示,说明它应该如何优先处理外部脚本的获取,相对于其他外部脚本。

它反映了 <script> 元素的 fetchpriority 属性。

一个表示优先级提示的字符串。可能的值是

high

相对于其他外部脚本,以高优先级获取外部脚本。

low

相对于其他外部脚本,以低优先级获取外部脚本。

auto

默认模式,表示对获取优先级没有偏好。浏览器决定对用户来说最适合的方法。

如果未指定 fetchpriority 属性或指定了任何其他值,则与将其指定为 auto 相同。

fetchPriority 属性允许您发出高优先级或低优先级外部脚本获取的信号。这在应用于 <script> 元素时很有用,可以发出对加载过程中对用户体验“重要”的外部脚本的信号。

提示对资源加载的影响是浏览器特有的,因此请确保在多个浏览器引擎上进行测试。

在浏览器可能无法自动推断最佳外部脚本加载方式的特殊情况下谨慎使用。过度使用会导致性能下降。

示例

html
<script id="el" type="module" src="main.js" fetchpriority="high"></script>
js
const el = document.getElementById("el");
console.log(el.fetchPriority); // Output: "high"

规范

规范
HTML 标准
# dom-script-fetchpriority

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅