Speculation Rules API
Was ist die Speculation Rules API?
Die Speculation Rules API ist eine Browser-Schnittstelle, mit der Websites wahrscheinliche Folgeseiten vorab laden oder vollständig im Hintergrund rendern lassen. Regeln im JSON-Format bestimmen, welche Navigationen der Browser vorbereiten darf. Dadurch können interne Seitenwechsel deutlich schneller wirken, sofern Browserunterstützung, Serverkapazität und Auswahlregeln zum Nutzungspfad passen.
Die Speculation Rules API ermöglicht spekulatives Laden: Eine Website teilt dem Browser mit, welche URL ein Nutzer wahrscheinlich als Nächstes öffnet. Der Browser entscheidet anschließend anhand der Regeln, Geräteleistung und verfügbaren Ressourcen, ob er die Zielseite vorbereitet. Die deutsche Entsprechung lautet sinngemäß API für Spekulationsregeln.
So funktioniert die Speculation Rules API
Die Speculation Rules API wird über ein Skript vom Typ speculationrules oder über einen HTTP-Header eingebunden. Das Skript enthält JSON-Regeln für prefetch oder prerender. Listenregeln nennen einzelne URLs. Dokumentregeln wählen Links anhand ihrer Adresse oder eines CSS-Selektors aus.
Eine einfache Regel kann beispielsweise eine häufig aufgerufene Folgeseite vorbereiten:
<script type="speculationrules">{"prerender":[{"urls":["/warenkorb/"]}]}</script> Diese Regel erlaubt dem Browser, die Warenkorbseite im Hintergrund zu rendern. Sie erzwingt den Vorgang jedoch nicht, weil der Browser Ressourcen, Einstellungen und technische Einschränkungen berücksichtigt. Für umfangreiche Websites sind Dokumentregeln meist besser skalierbar als feste URL-Listen. Ein Onlineshop kann beispielsweise alle internen Produktlinks einer bestimmten Kategorie auswählen, ohne jede Produkt-URL einzeln in das Regelwerk zu schreiben. Die Auswahl muss eng genug bleiben, damit nicht Dutzende unwahrscheinliche Ziele unnötig geladen werden.
Die Stufen der Eagerness
Mit der Eigenschaft eagerness steuerst du, wie früh der Browser eine Spekulation beginnen soll. Die verfügbaren Stufen reichen von immediate für eine sehr frühe Vorbereitung bis conservative für eine Aktivierung bei einem starken Nutzungssignal, etwa beim Beginn eines Klicks.
Prefetch und Prerender im Vergleich
Der Unterschied zwischen Prefetch und Prerender liegt im Umfang der Vorbereitung. Prefetch ruft primär das Dokument ab und legt die Antwort im Cache ab. Prerender lädt die Seite einschließlich benötigter Ressourcen und führt einen großen Teil der Darstellung bereits in einem verborgenen Browserkontext aus.
| Verfahren | Vorbereitung | Ressourcenbedarf | Geeigneter Einsatz |
|---|---|---|---|
| Prefetch | Ruft eine mögliche Zielressource vorab ab | Geringer als bei Prerender | Mehrere plausible Folgeseiten |
| Prerender | Lädt und rendert eine vollständige Zielseite im Hintergrund | Höher, da HTML, Skripte und weitere Ressourcen verarbeitet werden | Ein Ziel mit hoher Aufrufwahrscheinlichkeit |
| Preload | Priorisiert eine Ressource der aktuellen Seite | Abhängig von der Ressource | Schriften, Bilder oder Skripte der geöffneten Seite |
Preload und die Speculation Rules API lösen deshalb unterschiedliche Aufgaben. Preload beschleunigt Bestandteile der aktuell geöffneten Seite. Die Speculation Rules API bereitet dagegen eine mögliche zukünftige Navigation vor. Ein Preload für das Hero-Bild verbessert gegebenenfalls den aktuellen Largest Contentful Paint. Ein Prerender kann den Seitenwechsel zur nächsten URL beschleunigen.
Speculation Rules API und PageSpeed
Die Speculation Rules API verbessert nicht automatisch den PageSpeed-Score der Einstiegsseite. Ein üblicher Labortest öffnet eine URL ohne vorherigen Besuch der Seite, auf der die Spekulationsregeln stehen. Der Test misst deshalb meistens einen normalen Kaltstart und nicht die bereits vorbereitete Navigation.
Der PageSpeed-Vorteil wird vor allem bei echten Klickpfaden sichtbar. Wird eine Zielseite erfolgreich vorgerendert, kann der Browser die vorbereitete Darstellung beim Klick aktivieren. Ladephasen, die sonst nach der Navigation beginnen, sind dann bereits teilweise oder vollständig abgeschlossen. Das kann insbesondere den Largest Contentful Paint der Zielseite verkürzen.
Eine aggressive Regel kann den PageSpeed der aktuellen Seite zugleich belasten. Mehrere Prerender-Vorgänge beanspruchen Netzwerk, Prozessor und Arbeitsspeicher. Auf einem schwächeren Mobilgerät konkurrieren diese Aufgaben mit Bildern, JavaScript und anderen Ressourcen der geöffneten Seite.
Prüfe zunächst die Ausgangslage deiner Domain mit einem kostenlosen Website-Speed-Test für Desktop und Mobil. Der Test bewertet die Lade-Performance einzelner URLs. Die Wirkung spekulativer Navigationen solltest du zusätzlich innerhalb eines vollständigen Klickpfads untersuchen.
Messung im Browser und Tracking
Messbar ist die Speculation Rules API durch einen Vergleich aktivierter Prerender-Navigationen mit regulären Seitenaufrufen. Browser-Entwicklerwerkzeuge zeigen, welche Regeln erkannt wurden, welche Ziele geladen werden und warum eine Spekulation abgebrochen wurde. Für reale Nutzerdaten müssen beide Navigationsarten getrennt gekennzeichnet werden.
Analytics-Code kann in einer vorgerenderten Seite bereits ausgeführt werden, bevor der Nutzer die Seite tatsächlich öffnet. Das kann zu verfrühten Seitenaufrufen oder ausgelösten Skripten führen. Die Eigenschaft document.prerendering zeigt an, ob sich ein Dokument noch im Prerender-Zustand befindet. Das Ereignis prerenderingchange signalisiert die Aktivierung.
Bei der technischen Prüfung gehören Spekulationsregeln deshalb in denselben Ablauf wie JavaScript, Cache-Header und Core Web Vitals. Ein strukturierter Prozess für technische SEO-Checks verhindert, dass ein schnellerer Seitenwechsel mit doppelten Tracking-Ereignissen oder unerwarteten Serveranfragen erkauft wird.
Einsatz der Speculation Rules API 2026
Die Speculation Rules API eignet sich für vorhersehbare Klickpfade. Typische Beispiele sind der Wechsel von einer Kategorieseite auf ein stark nachgefragtes Produkt, von einem Warenkorb zum Checkout oder vom ersten Schritt eines Formulars zum nächsten Abschnitt. Je höher die Wahrscheinlichkeit der Navigation, desto eher ist Prerender sinnvoll.
Für SEO wirkt die Speculation Rules API indirekt über die Nutzererfahrung und mögliche Verbesserungen der real gemessenen Core Web Vitals. Die API ist keine Crawling-Anweisung und sorgt nicht dafür, dass Google eine URL schneller indexiert. Für SEA kann sie nach dem ersten Aufruf einer Landingpage weitere Schritte im Conversion-Pfad beschleunigen. Für GEO, also Generative Engine Optimization, verändert sie weder Inhalte noch deren Zitierfähigkeit.
Weitere Grundlagen zu Ressourcenpriorisierung, Core Web Vitals und sauberem Quellcode findest du in den wichtigsten SEO-Tipps für die Website-Technik.
Häufige Fragen zur Speculation Rules API
Verbessert die Speculation Rules API den PageSpeed?
Die Speculation Rules API kann Folgeseiten schneller verfügbar machen, verändert aber nicht automatisch den Score einer isoliert getesteten Einstiegsseite. Für eine belastbare Bewertung musst du den vollständigen Klickpfad und reale Nutzerdaten untersuchen.
Welche Browser unterstützen die Speculation Rules API?
Die Unterstützung hängt vom Browser und seiner Version ab. Websites müssen die Funktion als optionale Beschleunigung behandeln und auch ohne spekulatives Laden vollständig funktionieren.
Was ist besser, Prefetch oder Prerender?
Prefetch benötigt weniger Ressourcen und eignet sich für mehrere plausible Ziele. Prerender bereitet eine Seite umfassender vor und passt zu wenigen Folgeseiten mit hoher Aufrufwahrscheinlichkeit.
Kann die Speculation Rules API das Tracking verfälschen?
Tracking kann zu früh ausgelöst werden, wenn Skripte bereits während des Prerenderings laufen. Analytics-Ereignisse sollten deshalb den Prerender-Zustand erkennen und einen Seitenaufruf erst bei der tatsächlichen Aktivierung erfassen.
Kann ich die Speculation Rules API in WordPress verwenden?
Die Speculation Rules API lässt sich auch in WordPress einbinden, sofern Theme, Plugin oder Serverkonfiguration die Regeln korrekt ausgeben. Nach Änderungen solltest du Quellcode, Cache und erkannte Spekulationen im Browser prüfen.
Hilft die Speculation Rules API bei der Indexierung?
Die Speculation Rules API ist keine Anweisung an Suchmaschinen und beschleunigt die Indexierung nicht direkt. Sie steuert die Vorbereitung möglicher Navigationen im Browser eines Nutzers.
Wenn du Ladezeiten, Core Web Vitals und technische Seitensignale im Zusammenhang prüfen lassen möchtest, bietet ein unverbindliches Erstgespräch eine klare Einordnung deiner Website.
Kostenlosen Potenzialcheck anfragen
Sie haben noch Fragen?
