fetchpriority HTML-Attribut

Das Attribut fetchpriority ermöglicht es einem Entwickler zu signalisieren, dass das frühzeitige Laden eines bestimmten Bildes im Ladeprozess mehr oder weniger Einfluss auf die Benutzererfahrung hat, als ein Browser vernünftigerweise ableiten kann, wenn er eine interne Priorität zuweist. Dies ermöglicht es dem Browser, die Priorität zu erhöhen oder zu verringern und das Bild möglicherweise früher oder später zu laden, als es sonst der Fall wäre.

Dieses Attribut kann auf <img>, <link> und <script>-Elemente angewendet werden. Es hat auch ein SVG-Gegenstück.

Die Abrufpriorität kann verwendet werden, um das Vorabladen zu ergänzen, sodass ein Entwickler die Priorität vor weniger wichtigen Ressourcen mit höherer Standardpriorität erhöhen kann. Wenn ein Entwickler beispielsweise weiß, dass ein bestimmtes Bild wesentlich zum Largest Contentful Paint (LCP) der Website beiträgt, könnte er <link rel="preload"> für das Bild hinzufügen und dann die Priorität weiter mit dem fetchpriority-Attribut erhöhen.

Beachten Sie, dass sowohl die interne Priorität jedes Abrufvorgangs als auch der Einfluss von fetchpriority auf die Priorität vollständig vom Browser abhängen.

Dieses Attribut ist aufgezählt und kann einen der folgenden Werte haben:

high

Lädt die externe Ressource mit hoher Priorität im Vergleich zu anderen externen Ressourcen.

low

Lädt die externe Ressource mit niedriger Priorität im Vergleich zu anderen externen Ressourcen.

auto

Legt keine Präferenz für die Abrufpriorität fest. Es wird verwendet, wenn kein Wert oder ein ungültiger Wert festgelegt ist. Dies ist der Standardwert.