HTMLScriptElement: fetchPriority-Eigenschaft
Baseline 2024Newly available
Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die fetchPriority
-Eigenschaft der Schnittstelle HTMLScriptElement
stellt einen Hinweis für den Browser dar, der angibt, wie er das Laden eines externen Skripts im Vergleich zu anderen externen Skripten priorisieren soll. Sie spiegelt das fetchpriority
-Attribut des <script>
-Elements wider.
Die Eigenschaft ermöglicht es einem Entwickler, anzugeben, dass das frühere oder spätere Laden eines bestimmten Skripts mehr oder weniger Einfluss auf die Benutzererfahrung hat, als ein Browser vernünftigerweise schließen könnte, wenn er eine interne Priorität zuweist. Dies ermöglicht es dem Browser, die Priorität zu erhöhen oder zu verringern und das Skript möglicherweise früher oder später zu laden, als es sonst der Fall wäre. Die Eigenschaft sollte sparsam verwendet werden, da übermäßige oder falsche Priorisierung die Leistung beeinträchtigen kann.
Die Abrufpriorität ermöglicht es, die Priorität von Skripten am Ende des Dokuments zu verringern oder die Priorität von async
-Skripten zu erhöhen, ohne auf Preloading zurückgreifen zu müssen. Wenn das frühe Laden eines Skripts wichtig ist, kann die Priorität verwendet werden, um Preloading zu ergänzen, indem die Priorität gegenüber weniger wichtigen Ressourcen mit höherer Standardpriorität erhöht wird.
Beachten Sie, dass sowohl die interne Priorität einer Abrufoperation als auch der Einfluss von fetchPriority
auf die Priorität vollständig vom Browser abhängen.
Wert
Ein String, der den Prioritätshinweis repräsentiert. Mögliche Werte sind:
high
-
Das externe Skript mit hoher Priorität im Vergleich zu anderen externen Skripten abrufen.
low
-
Das externe Skript mit niedriger Priorität im Vergleich zu anderen externen Skripten abrufen.
auto
-
Keine Präferenz für die Abrufpriorität festlegen. Dies ist die Standardeinstellung. Sie wird verwendet, wenn kein Wert oder ein ungültiger Wert gesetzt ist.
Beispiele
<script id="el" type="module" src="main.js" fetchpriority="high"></script>
const el = document.getElementById("el");
console.log(el.fetchPriority); // Output: "high"
Spezifikationen
Specification |
---|
HTML # dom-script-fetchpriority |
Browser-Kompatibilität
Siehe auch
HTMLImageElement.fetchPriority
HTMLLinkElement.fetchPriority
- HTTP
Link
-Header - Optimierung der Ressourcenladezeiten mit der Fetch Priority API für Informationen darüber, wie diese API die Prioritäten in Chrome beeinflusst.