fetchpriority

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

Das fetchpriority-Attribut gibt dem Browser einen Hinweis auf die relative Priorität beim Abrufen einer externen Ressource. Dies funktioniert in derselben Weise wie das fetchpriority-Attribut für die HTML-<img>- und <script>-Elemente.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Hinweise zur Verwendung

Wert high | low | auto
Standardwert auto
high

Ruft die externe Ressource mit hoher Priorität im Vergleich zu anderen externen Ressourcen ab.

low

Ruft die externe Ressource mit niedriger Priorität im Vergleich zu anderen externen Ressourcen ab.

auto

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

Beispiele

Dieses Beispiel zeigt, wie man die Priorität eines SVG-<script>-Elements auf high setzt.

html
<svg
  viewBox="0 0 10 10"
  height="120px"
  width="120px"
  xmlns="http://www.w3.org/2000/svg">
  <circle id="normal" cx="5" cy="5" r="4" />
  <script href="./color-change.js" fetchpriority="high"></script>
</svg>

Browser-Kompatibilität

svg.elements.feImage.fetchpriority

svg.elements.image.fetchpriority

svg.elements.script.fetchpriority

Siehe auch