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 auf die gleiche Weise wie das fetchpriority-Attribut für die HTML-<img>- und <script>-Elemente.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Nutzungshinweise
| 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 Standardwert.
Beispiele
Dieses Beispiel zeigt, wie man die Priorität eines SVG-<script>-Elements auf high setzt.
<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
- SVG-
<script>-Element - HTML-Attribut
fetchpriority