# fetchpriority

Kategorie: [Performance & Core Web Vitals](https://seo-geo-glossary.com/de/glossar/kategorie/performance-core-web-vitals/) › [Optimierung](https://seo-geo-glossary.com/de/glossar/kategorie/performance-core-web-vitals/optimierung/) · Auch genannt: Fetch Priority, Priority Hints

**fetchpriority** ist ein HTML-Attribut, mit dem Entwickler dem Browser mitteilen, ob eine Ressource früh oder spät geladen werden soll. Der Browser behandelt den Wert als Hinweis und wägt ihn mit seinen eigenen Prioritäten ab. Laut MDN funktioniert das Attribut seit Oktober 2024 in allen aktuellen großen Browsern (Baseline 2024).

## Werte und Elemente

Das Attribut kennt drei Werte. `high` fordert eine höhere Priorität, `low` eine niedrigere, `auto` ist der Standard ohne Präferenz. Laut MDN funktioniert es bei `img`, `link` und `script`. Es ergänzt `rel="preload"`. Preload hilft dem Browser, eine Ressource früh zu entdecken, fetchpriority verändert die Priorität beim Laden.

## Einsatz bei Core Web Vitals

Typisch ist `fetchpriority="high"` am Bild, das den Largest Contentful Paint (LCP) bildet. web.dev nennt außerdem `low` für Bilder in Karussells außerhalb des sichtbaren Bereichs und `high` für wichtige asynchrone Skripte.

MDN weist darauf hin, das Attribut sparsam zu verwenden. Zu viele Ressourcen mit hoher Priorität konkurrieren miteinander und können das Laden verschlechtern. Außerdem setzen CDNs die Priorisierung über HTTP/2 und HTTP/3 laut web.dev nicht einheitlich um. Ist das LCP-Element ein CSS-Hintergrundbild, empfiehlt web.dev, es per `preload` mit `fetchpriority="high"` vorzuladen.

## Beispiel

```html
<!-- Hauptbild der Seite, bestimmt den LCP -->
<img src="hero.jpg" fetchpriority="high" alt="Produktfoto">

<!-- Kleines Zählpixel, darf warten -->
<img src="tracker.gif" fetchpriority="low" alt="">
```

## Verwandte Begriffe

- [Largest Contentful Paint (LCP)](https://seo-geo-glossary.com/de/glossar/largest-contentful-paint/index.md)
- [Preload / Preconnect / Prefetch](https://seo-geo-glossary.com/de/glossar/preload-preconnect-prefetch/index.md)
- [Lazy Loading](https://seo-geo-glossary.com/de/glossar/lazy-loading/index.md)
- [Render-blocking Ressourcen](https://seo-geo-glossary.com/de/glossar/render-blocking-ressourcen/index.md)
- [Core Web Vitals](https://seo-geo-glossary.com/de/glossar/core-web-vitals/index.md)

## Quellen

- [fetchpriority HTML attribute – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/fetchpriority)
- [Optimize resource loading with the Fetch Priority API – web.dev](https://web.dev/articles/fetch-priority)
- [HTMLImageElement: fetchPriority-Eigenschaft – MDN Web Docs (Baseline 2024)](https://developer.mozilla.org/de/docs/Web/API/HTMLImageElement/fetchPriority)

---

Stand: 7. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/fetchpriority/