Preload
Abkürzungen / Synonyme: Vorabladen
Kurzdefinition
Eine Anweisung an den Browser, eine bestimmte Ressource (z. B. einen Webfont) mit hoher Priorität vorab herunterzuladen.
Ausführliche Erklärung
Mit `<link rel="preload">` weist man den Browser an, eine wichtige Ressource früh und mit hoher Priorität zu laden, bevor er sie im normalen Parsing entdecken würde. Typische Kandidaten sind das LCP-Bild, kritische Webfonts oder zentrale Skripte. Verwandt sind `preconnect` (früher Verbindungsaufbau zu fremden Domains) und `dns-prefetch`. Vorsicht: Zu viele Preloads konkurrieren um Bandbreite und können die Ladezeit verschlechtern statt verbessern.
Beispiel
`<link rel="preload" href="/fonts/inter.woff2" as="font" crossorigin>` lädt die wichtigste Schrift früh und verhindert späten Textaufbau (FOUT).
Im ausführlichen Fachartikel erklären wir Preload mit Architektur, Praxisbeispielen und Best Practices im Detail: