fetchpriority

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

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

Verwendungshinweise

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. Es wird verwendet, wenn kein Wert oder ein ungültiger Wert gesetzt ist. Dies ist der Standard.

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" />
</svg>

Browser-Kompatibilität

svg.elements.feimage.fetchpriority

svg.elements.image.fetchpriority

svg.elements.script.fetchpriority

Siehe auch

SVG-<script>-Element
fetchpriority-Attribut des HTML-<script>-Elements fetchpriority