HTMLImageElement: fetchPriority 屬性
HTMLImageElement 介面的 fetchPriority 屬性表示一個向瀏覽器發出的提示，指示瀏覽器應如何相對於其他圖片來優先獲取該圖片。它反映了相應 <img> 元素的 fetchpriority 屬性。
該屬性允許開發者發出訊號，表明在載入過程早期獲取某個圖片對使用者體驗的影響比瀏覽器在分配內部優先順序時可以合理推斷出的要大或小。這反過來又允許瀏覽器增加或減少優先順序，並可能比平時更早或更晚地載入圖片。該屬性應謹慎使用，因為過度或不正確的優先順序設定會降低效能。
fetchPriority 可用於補充 預載入，允許開發者提高某個圖片相對於預設優先順序較高的、影響較小的資源的優先順序。例如，如果開發者知道某個圖片對網站的 最大內容繪製 (LCP) 有顯著貢獻，他們可以為該圖片新增 <link rel="preload">，然後使用 fetchPriority 屬性進一步提高其優先順序。
請注意，任何獲取操作的內部優先順序以及 fetchPriority 對優先順序的影響完全取決於瀏覽器。
值
一個表示優先順序提示的字串。可能的值為：
示例
js
const img = new Image();
img.fetchPriority = "high";
img.src = "img/logo.png";
規範
| 規範 |
|---|
| HTML # dom-img-fetchpriority |
瀏覽器相容性
載入中…
另見
HTMLLinkElement.fetchPriorityHTMLScriptElement.fetchPriority- HTTP
Link標頭 - 使用 Fetch Priority API 最佳化資源載入，瞭解此 API 如何影響 Chrome 上的優先順序。