Frage zu fetchpriority

1 Lena567

Neulich habe ich gelesen, dass man das Laden einer Seite mit fetchpriority beispielsweise bei Bildern beschleunigen kann.
Wenn ich das bei einem Bild anwende, dann ist der Code leider nicht mehr valide.

Hier ein Beispiel:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CodePen - Example - with fetch priority</title>
</head>
<body>

<img fetchpriority="high" src="https://res.cloudinary.com/adrianbece/image/upload/c_scale,q_75,w_1600/v1648478206/smashing/aniket-deole-M6XC789HLe8-unsplash.jpg"></img>  

</body>
</html>

an welche Stelle bei einem Bild muss man fetchpriority einfügen, damit der Code valide ist?

Hier zwei Artikel zu fetchpriority
https://addyosmani.com/blog/fetch-priority/
https://www.smashingmagazine.com/2022/04/boost-resource-loading-new-priority-hint-fetchpriority/

2 Jörg Kruse

Wenn ich das bei einem Bild anwende, dann ist der Code leider nicht mehr valide.

Das fetchpriority Attribut gilt noch als experimentell, deswegen kennt der Validator es noch nicht.

Zur Validität des Codes fehlt im übrigen noch ein (ggf. leeres) alt Attribut und das schließende </img> ist überflüssig.

3 Lena567

Vielen Dank lieber Jörg für die Infos!

4 Lena567

Was schätzt du Jörg, wie lange es noch dauert, bis fetchpriority ein reguläres Attribut sein wird?

5 Jörg Kruse

Das hängt von Apple und Mozilla ab. Das Attribut muss von zwei relevanten Browser-Engines unterstützt werden, damit es nicht mehr als experimentell eingestuft wird. Bislang wird fetchpriority nur von Googles Blink unterstützt, aber noch nicht von Webkit und Gecko.

6 Lena567

Vielen Dank Jörg für deine Antwort
dir noch einen schönen Tag

7 Lena567

Zitat von Lena567

Was schätzt du Jörg, wie lange es noch dauert, bis fetchpriority ein reguläres Attribut sein wird?

habe festgestellt, dass es nun soweit ist.

8 Jörg Kruse

Wie hast du das festgestellt?

Die Unterstützung durch Firefox (Gecko) und Safari (Webkit) scheint bislang noch nicht in Sicht:

https://caniuse.com/?search=fetchpriority

9 Lena567

Wenn ich über https://validator.w3.org/ eine Seite testen lasse, welche fetchpriority enthält, dann wird dieses Attribut nicht mehr als Fehler gekennzeichnet

PS: sorry für die späte Antwort

Beitrag schreiben (als Gast)