HTMLImageElement:fetchPriority 属性

有限可用性

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

fetchPriorityHTMLImageElement 接口的一个属性,它表示给浏览器的一个提示,说明如何相对于其他图像优先获取该图像。

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

high

相对于其他图像,以高优先级获取图像。

low

相对于其他图像,以低优先级获取图像。

auto

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

fetchPriority 属性允许您发出高或低优先级图像获取的信号。这在应用于 <img> 元素以指示在加载过程早期对用户体验“重要”的图像时很有用。

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

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

示例

js
const img = new Image();
img.fetchPriority = "high";
img.src = "img/logo.png";

规范

规范
HTML 标准
# dom-img-fetchpriority

浏览器兼容性

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

另请参阅