Baseline 2024
Newly available
Die fetchPriority-Eigenschaft des HTMLImageElement-Interfaces steht für einen Hinweis an den Browser, wie er das Laden eines bestimmten Bildes im Vergleich zu anderen Bildern priorisieren soll. Sie spiegelt das fetchpriority-Attribut des entsprechenden <img>-Elements wider.
Die Eigenschaft ermöglicht es Entwicklern, dem Browser mitzuteilen, dass das frühzeitige Laden eines bestimmten Bildes während des Ladeprozesses einen gröÃeren oder geringeren Einfluss auf die Benutzererfahrung hat, als ein Browser vernünftigerweise bei der Vergabe einer internen Priorisierung ableiten könnte. Dies ermöglicht dem Browser, die Priorität zu erhöhen oder zu verringern und möglicherweise das Bild 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 verschlechtern kann.
Die Abrufpriorität kann genutzt werden, um das Preloading zu ergänzen, sodass ein Entwickler die Priorität im Voraus gegenüber weniger wichtigen Ressourcen erhöhen kann, die eine höhere Standardpriorität haben. Zum Beispiel, wenn ein Entwickler weiÃ, dass ein bestimmtes Bild erheblich zum Largest Contentful Paint (LCP) der Website beiträgt, könnte er <link rel="preload"> für das Bild hinzufügen und dann die Priorität weiter mit der fetchpriority-Eigenschaft erhöhen.
Beachten Sie, dass sowohl die interne Priorität eines Abrufvorgangs als auch der Einfluss von fetchPriority auf die Priorität vollständig vom Browser abhängen.
Ein String, der den Prioritätshinweis darstellt. Mögliche Werte sind:
high
Läd das Bild mit hoher Priorität im Vergleich zu anderen Bildern mit derselben internen Priorisierung.
low
Läd das Bild mit niedriger Priorität im Vergleich zu anderen Bildern mit derselben internen Priorisierung.
auto
Legt keine Benutzervoreinstellung für die Abrufpriorität fest. Dies ist der Standardwert. Er wird verwendet, wenn kein Wert gesetzt wurde oder ein ungültiger Wert gesetzt wurde.
const img = new Image();
img.fetchPriority = "high";
img.src = "img/logo.png";
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4