Begriff
Preload / Preconnect / DNS-Prefetch
Resource Hints im HTML-Head, die den Browser anweisen, Ressourcen früher zu laden, Verbindungen vorab aufzubauen oder DNS-Auflösungen zu beschleunigen.
Preload / Preconnect / DNS-Prefetch — ausführlicher erklärt
Drei verwandte <link rel="…">-Direktiven mit unterschiedlich starkem Eingriff: dns-prefetch löst nur den DNS-Namen einer Domain vorab auf (billigste Variante). preconnect geht einen Schritt weiter und baut zusätzlich TCP- plus TLS-Verbindung auf. preload lädt eine konkrete Ressource (Schrift, Bild, Stylesheet) bereits parallel zum Parser, bevor der Browser sie selbst entdecken würde.
Der Effekt: kritische Ressourcen wie Web-Fonts oder das LCP-Bild stehen früher bereit, ohne dass der Render auf den langsameren Discovery-Pfad warten muss.
Beispiel / Praxisbezug
<link rel="preload" href="/hero.avif" as="image" fetchpriority="high"> im Head sorgt dafür, dass das LCP-Bild parallel zum HTML-Download startet — typische Verbesserung 200–600 ms LCP.
Abgrenzung zu ähnlichen Begriffen
Preload ≠ Prefetch: Preload ist für Ressourcen dieser Seite (hohe Priorität), Prefetch (rel="prefetch") für Ressourcen zukünftiger Navigationen (niedrige Priorität). Wer Preload inflationär einsetzt, verdrängt andere wichtige Requests und verschlechtert LCP.
Entdecke mehr
Brotli / Gzip Compression
Server-seitige Kompressionsverfahren, die Text-Ressourcen wie HTML, CSS und JavaScript vor der Übertragung verkleinern — Brotli liefert heute meist bessere Raten als Gzip.
LexikonTechnisches SEO — was Google wirklich crawlen, rendern und indexieren muss
Wie Crawl-Budget, Robots, Sitemap, JS-Rendering, Indexierung, Canonical und Core Web Vitals zusammenspielen — der vollständige Bogen für produktive Sites.
NewsGoogle Search Central Live Toronto 2026 — was Google offiziell zur Zukunft der Suche sagt
Information Gain als neues Leitbild, Google-Extended klar eingeordnet, AI Mode mit 93 % Zero-Click. Die wichtigsten Aussagen aus Toronto.