HTMLLinkElement：fetchPriority 属性

可用性有限

此功能不是基线功能，因为它在一些使用最广泛的浏览器中不起作用。

fetchPriority 是 HTMLLinkElement 接口的一个属性，它表示给浏览器提供的提示，说明如何相对于同一类型的其他资源，优先加载给定的资源。

值

表示优先级提示的字符串。可能的值包括：

high

相对于同一类型的其他资源，以高优先级获取预加载资源。

low

相对于同一类型的其他资源，以低优先级获取预加载资源。

auto

默认模式，表示对获取优先级没有偏好。浏览器决定对用户最有利的方式。

fetchPriority 属性允许您发出高或低优先级预加载获取信号。当应用于 <link> 元素时，这在加载过程的早期，发出对用户体验或多或少重要的预加载信号，这很有用。

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

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

示例

js
const preloadLink = document.createElement("link");
preloadLink.href = "myimage.jpg";
preloadLink.rel = "preload";
preloadLink.as = "image";
preloadLink.fetchPriority = "high";
document.head.appendChild(preloadLink);

规范

规范
HTML 标准
# dom-link-fetchpriority

浏览器兼容性

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

另请参阅