Prefetching
Was ist Prefetching?
Prefetching bezeichnet das vorsorgliche Laden von Ressourcen, bevor ein Nutzer sie tatsächlich anfordert. Dieses vorausschauende Laden kann Dateien, DNS-Informationen oder ganze Folgeseiten betreffen. Der Browser nutzt freie Kapazitäten, um wahrscheinliche nächste Schritte vorzubereiten und dadurch spätere Wartezeiten zu verkürzen. Die Ausführung bleibt jedoch eine Entscheidung des Browsers.
Wie funktioniert Prefetching?
Prefetching weist den Browser darauf hin, dass eine Ressource bei einer späteren Navigation wahrscheinlich benötigt wird. Der Browser kann die Datei mit niedriger Priorität abrufen und im Cache speichern. Ruft der Nutzer die vorbereitete Seite anschließend auf, lässt sich die Ressource aus dem Cache beziehen, statt eine neue vollständige Netzwerkanfrage auszuführen.
Ein typisches Beispiel ist eine Kategorieseite in einem Onlineshop. Wenn viele Nutzer von dort auf eine bestimmte Produktseite wechseln, können ausgewählte Ressourcen dieser Produktseite vorab geladen werden. Prefetching lohnt sich in diesem Fall nur, wenn die Wahrscheinlichkeit der Folgenavigation hoch genug ist. Jeder ungenutzte Abruf verbraucht Bandbreite, Rechenleistung und gegebenenfalls mobiles Datenvolumen.
Der Browser behält die Kontrolle
Prefetching ist keine verbindliche Ladeanweisung. Browser dürfen einen Hinweis ignorieren, verschieben oder abbrechen, etwa bei einer langsamen Verbindung, aktiviertem Datensparmodus oder hoher Auslastung. Die technische Implementierung garantiert deshalb nicht, dass eine Ressource tatsächlich vorab geladen und später aus dem Cache verwendet wird.
Ein klassischer Ressourcenhinweis wird im Kopfbereich des HTML-Dokuments eingebunden:
<link rel="prefetch" href="/produktseite.js" as="script">
Das Attribut rel="prefetch" kennzeichnet eine Ressource für eine wahrscheinliche spätere Navigation. Das Attribut as beschreibt den Ressourcentyp, beispielsweise script, style, image oder font. Browser können diese Angabe für Priorisierung, Sicherheitsprüfungen und Cache-Verhalten verwenden.
Arten des vorsorglichen Ladens
Der Begriff Prefetching wird häufig als Sammelbezeichnung für mehrere Techniken verwendet. Die Verfahren unterscheiden sich danach, welcher Teil einer späteren Anfrage vorbereitet wird und ob die Ressource für die aktuelle oder eine zukünftige Seite bestimmt ist.
| Technik | Vorbereiteter Schritt | Typischer Einsatz |
|---|---|---|
dns-prefetch |
Auflösung eines Domainnamens in eine IP-Adresse | Frühzeitige Vorbereitung externer Domains |
preconnect |
DNS-Auflösung sowie Aufbau von TCP- und gegebenenfalls TLS-Verbindungen | Wichtige externe Quellen, die bald benötigt werden |
prefetch |
Abruf einer Ressource für eine wahrscheinliche Folgenavigation | Skripte, Stylesheets oder Dokumente einer nächsten Seite |
preload |
Früher Abruf einer Ressource der aktuellen Seite | Schriftarten, Bilder oder Stylesheets mit hoher Relevanz |
prerender |
Vorbereitung einer vollständigen Seite einschließlich Darstellung | Sehr wahrscheinliche nächste Navigation |
Prefetching und DNS-Prefetching
Der Unterschied zwischen Prefetching und DNS-Prefetching liegt im Umfang der Vorbereitung. DNS-Prefetching löst lediglich den Domainnamen auf. Eine Datei wird dabei noch nicht übertragen. Klassisches Prefetching ruft dagegen bereits eine konkrete Ressource ab und legt sie für eine mögliche spätere Verwendung im Cache ab.
DNS-Prefetching eignet sich beispielsweise für externe Domains, von denen später Bilder, Schriftarten oder andere Dateien geladen werden. Die Einbindung erfolgt mit <link rel="dns-prefetch" href="//example.com">. Bei vielen vorsorglich aufgelösten Domains sinkt der Nutzen, weil zusätzliche DNS-Anfragen entstehen, obwohl ein Teil der Verbindungen nie benötigt wird.
Prefetching und Preloading
Prefetching und Preloading werden oft verwechselt, obwohl beide Techniken unterschiedliche Zeitpunkte adressieren. Preloading priorisiert eine Ressource, die für die aktuell geöffnete Seite benötigt wird. Prefetching bereitet eine Ressource für einen möglichen späteren Seitenaufruf vor. Ein für den sichtbaren Hauptinhalt benötigtes Bild gehört deshalb eher in ein Preload als in einen Prefetch.
Prefetching und SEO
Prefetching ist kein eigenständiger Ranking-Faktor. Der mögliche SEO-Nutzen entsteht indirekt, wenn eine häufig aufgerufene Folgeseite schneller nutzbar wird. Kürzere Wartezeiten können Navigation, Nutzererlebnis und Conversion-Prozesse verbessern. Für die initiale Ladeleistung der aktuellen Seite liefert Prefetching dagegen meist keinen Vorteil, weil die vorbereiteten Dateien für eine spätere Navigation vorgesehen sind.
Bei den Core Web Vitals ist eine saubere Abgrenzung nötig. Soll der Largest Contentful Paint, kurz LCP, der aktuellen Seite verbessert werden, müssen die dafür benötigten Ressourcen korrekt priorisiert und schnell ausgeliefert werden. Ein Prefetch für eine nächste Seite behebt weder ein zu großes Hauptbild noch blockierende Stylesheets auf der geöffneten URL. Hinweise zur technischen Optimierung findest du in der Anleitung zur Optimierung einer Website für Google.
Nutzen für SEA und GEO
Bei SEA kann Prefetching die wahrgenommene Geschwindigkeit nach einem Klick innerhalb der Zielseite verbessern, etwa beim Wechsel von einer Produktübersicht zum Warenkorb. Prefetching verändert jedoch weder das Gebot noch die Anzeigenrelevanz. Die Technik ergänzt eine schnelle Landingpage, ersetzt aber keine saubere Google-Ads- und Landingpage-Optimierung.
Für GEO, also Generative Engine Optimization, erzeugt Prefetching keinen direkten Vorteil bei der Auswahl von Quellen durch ChatGPT, Perplexity, Gemini oder Grok. Technisch stabile und gut nutzbare Seiten erleichtern jedoch den Zugriff auf Inhalte. Prefetching bleibt dabei eine Maßnahme zur Auslieferung, während GEO vor allem verständliche Inhalte, klar erkennbare Entitäten und belastbare Autorität benötigt.
Typische Fehler beim Prefetching
Der häufigste Fehler besteht darin, zu viele mögliche Ziele vorzubereiten. Werden zehn Produktseiten vorab geladen, obwohl der Nutzer nur eine davon besucht, bleiben neun Abrufe ungenutzt. Eine sinnvolle Implementierung konzentriert sich deshalb auf wenige Ziele mit hoher Klickwahrscheinlichkeit, beispielsweise den nächsten Schritt eines klar aufgebauten Buchungsprozesses.
Prefetching richtig prüfen
Messbar ist Prefetching über die Netzwerkansicht der Browser-Entwicklertools. Prüfe dort, ob die Ressource vor der eigentlichen Navigation angefordert wurde, welche Priorität der Browser vergeben hat und ob der spätere Seitenaufruf den Cache nutzt. Vergleiche anschließend mehrere Durchläufe mit deaktiviertem und aktiviertem Prefetching unter identischen Netzwerkbedingungen.
Ein einzelner Gesamtscore reicht für diese Prüfung nicht aus. Analysiere zusätzlich die Übertragungsmenge, die Zahl ungenutzter Abrufe und die Ladezeiten der aktuellen Seite. Der Technik-Crawler der Performance Suite kann technische Auffälligkeiten und Ladezeitprobleme einer Website erfassen. Für einen direkten Einstieg kannst du außerdem den kostenlosen Ladezeiten-Check nutzen.
Prüfe die Ladezeit deiner Seite unter realistischen Bedingungen:
Wann lohnt sich Prefetching?
Prefetching lohnt sich bei klar vorhersehbaren Navigationswegen. Dazu zählen mehrstufige Formulare, Checkout-Prozesse, paginierte Inhalte oder Anwendungen, bei denen Nutzer regelmäßig denselben nächsten Schritt wählen. Die Auswahl sollte auf gemessenen Klickpfaden beruhen und nicht auf der bloßen Annahme, dass jede verlinkte Seite bald geöffnet wird.
Eine belastbare Entscheidung folgt drei Bedingungen: Das Ziel besitzt eine hohe Aufrufwahrscheinlichkeit, die vorbereitete Ressource bleibt bis zur Verwendung gültig und der Abruf beeinträchtigt die aktuelle Seite nicht. Wenn eine dieser Bedingungen fehlt, kann ein normaler Abruf beim tatsächlichen Klick effizienter sein.
Häufige Fragen zu Prefetching
Beschleunigt Prefetching jede Website?
Nein. Prefetching verkürzt Wartezeiten nur, wenn die vorbereitete Ressource später tatsächlich benötigt und aus dem Cache genutzt wird. Bei schwer vorhersehbaren Klickpfaden entstehen dagegen häufig ungenutzte Abrufe.
Unterstützt jeder Browser Prefetching?
Die Unterstützung hängt von der verwendeten Technik und der Browserversion ab. Selbst bei unterstützten Hinweisen entscheidet der Browser anhand von Verbindung, Gerätezustand und internen Prioritäten, ob der Abruf ausgeführt wird.
Kann Prefetching die Ladezeit verschlechtern?
Ja. Zu viele oder zu große Prefetch-Anfragen können Bandbreite belegen, die Ressourcen der aktuellen Seite benötigen. Besonders auf mobilen Verbindungen sollte die Wirkung deshalb mit gedrosselter Geschwindigkeit geprüft werden.
Was ist der Unterschied zwischen Prefetching und Caching?
Prefetching bestimmt, wann eine Ressource vorsorglich abgerufen werden soll. Caching bestimmt, ob und wie lange eine bereits abgerufene Ressource gespeichert und wiederverwendet werden kann. Beide Mechanismen können zusammenarbeiten.
Ist Prefetching ein Google-Ranking-Faktor?
Prefetching ist kein eigenständiger Ranking-Faktor. Die Technik kann indirekt nützen, wenn häufig besuchte Folgeseiten schneller nutzbar werden und die aktuelle Seite durch die zusätzlichen Abrufe nicht belastet wird.
Welche Seiten eignen sich für Prefetching?
Geeignet sind Seiten mit einem klaren und häufig genutzten nächsten Schritt, etwa Warenkörbe, Folgeseiten einer Pagination oder der nächste Abschnitt eines Formulars. Grundlage sollte ein gemessener Navigationspfad sein.
Wenn du technische Ladezeitpotenziale systematisch bewerten möchtest, kannst du eine kostenlose und unverbindliche Analyse anfragen.
Kostenlosen Potenzialcheck anfragen
Sie haben noch Fragen?
