HTMLScriptElement: fetchPriority-Eigenschaft

Die fetchPriority-Eigenschaft der HTMLScriptElement-Schnittstelle stellt einen Hinweis für den Browser dar, wie er das Abrufen 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 zu signalisieren, dass das frühzeitige oder spätere Abrufen eines bestimmten Skripts während des Ladeprozesses einen größeren oder geringeren Einfluss auf die Benutzererfahrung hat, als ein Browser vernünftigerweise bei der Vergabe einer internen Priorität ableiten kann. Dies ermöglicht es dem Browser wiederum, die Priorität zu erhöhen oder zu verringern und das Skript potenziell früher oder später zu laden, als es sonst der Fall wäre. Die Eigenschaft sollte sparsam verwendet werden, da übermäßige oder fehlerhafte Priorisierung die Leistung beeinträchtigen kann.

Die Abrufpriorität erlaubt es, die Priorität von Skripten im unteren Körperbereich zu verringern oder die Priorität von async-Skripten zu erhöhen, ohne Preloading verwenden zu müssen. Wenn das frühzeitige Laden eines Skripts wichtig ist, kann die Priorität genutzt werden, um das Preloading zu ergänzen, indem die Priorität gegenüber weniger einflussreichen Ressourcen erhöht wird, die eine höhere Standardpriorität haben.

Beachten Sie, dass sowohl die interne Priorität eines jeden Abrufvorgangs als auch der Einfluss von fetchPriority auf die Priorität vollständig vom Browser abhängt.

<script id="el" type="module" src="main.js" fetchpriority="high"></script>

const el = document.getElementById("el");
console.log(el.fetchPriority); // Output: "high"