Speculation Rules: Kundenseiten sofort laden

Dein Kunde ruft an: „Die Seite fühlt sich zäh an." Du prüfst den PageSpeed-Bericht – 95 Punkte, alles grün. Du testest selbst und verstehst ihn trotzdem. Zwischen den Unterseiten hakt es kurz, jeder Klick kostet einen Wimpernschlag Wartezeit, und in Summe wirkt die Seite langsamer, als die Messwerte behaupten. Genau diese Lücke zwischen guten Zahlen und mäßigem Gefühl schließt eine Browser-Technik, die 2026 endlich alltagstauglich geworden ist: Speculation Rules.

Der Kniff dahinter ist verblüffend simpel. Der Browser lädt die nächste Seite schon vor, während dein Besucher noch auf den Link zeigt – und wenn er dann klickt, ist sie bereits da. Kein Weiß-Blitz, kein Neuaufbau, sondern ein Wechsel, der sich anfühlt wie das Blättern in einer App. Für Agenturen ist das ein seltener Glücksfall: ein spürbarer Tempogewinn ohne größeren Umbau und ohne eine einzige Zeile zusätzliches JavaScript.

Speculation Rules: was beim Klick wirklich passiert

Um zu verstehen, warum die Technik so wirkt, lohnt ein Blick unter die Haube. Über die Speculation Rules API teilt eine Seite dem Browser mit, welche Folgeseiten er vorausschauend laden darf. Der Browser kennt zwei Stufen, und der Unterschied ist entscheidend.

Bei Prefetch holt der Browser das Dokument der Zielseite vorab und legt es in den Speicher, führt aber noch kein JavaScript aus. Beim Klick spart das den Netzwerk-Roundtrip – ein solider, ressourcenschonender Gewinn. Bei Prerender geht der Browser einen Schritt weiter und baut die komplette Seite unsichtbar im Hintergrund auf, so als läge sie in einem verborgenen Tab. Klickt der Nutzer, wird dieser fertige Tab nur noch nach vorn geholt. Google beschreibt den Effekt in der Chrome-Dokumentation unmissverständlich: nahezu null beim Largest Contentful Paint, weniger Layout-Verschiebung und bessere Interaktivität, weil das Laden abgeschlossen ist, bevor der Besucher überhaupt tippt. Wer an den Core Web Vitals seiner Kundenseiten feilt, bekommt hier einen Hebel, der die reine Ladezeit-Optimierung schlägt.

Der Browser entscheidet, wann er vorlädt

Vorausladen kostet Bandbreite und Speicher – deshalb passiert es nicht wahllos. Über die sogenannte eagerness legst du fest, wie früh der Browser spekuliert. conservative startet erst, wenn der Nutzer die Maustaste über einem Link drückt oder ihn auf dem Touchscreen berührt. moderate greift schon nach rund 200 Millisekunden Mauszeiger-Verweilen, eager fast sofort beim Überfahren, und immediate lädt so früh wie möglich. Je aggressiver die Stufe, desto instantaner das Gefühl – aber desto mehr Ressourcen verbrennst du für Seiten, die vielleicht nie aufgerufen werden. Chrome deckelt das bewusst: bei immediate sind höchstens zehn parallele Prerender erlaubt, bei den interaktionsbasierten Stufen nur zwei.

Warum das Thema gerade jetzt praxisreif ist

Speculation Rules sind kein Experiment mehr. Die Technik läuft in allen Chromium-Browsern – Chrome, Edge und Opera – und deckt damit den Großteil des realen Traffics ab. Firefox unterstützt sie bislang nicht, Safari nur hinter einem Schalter. Das klingt nach halber Sache, ist aber unkritisch: Browser, die die Regeln nicht kennen, ignorieren sie schlicht und laden Seiten wie bisher. Es gibt also keinen Bruch, kein Fallback-Gebastel, kein Risiko für die eine Hälfte deiner Besucher – nur ein Extra-Tempo für die andere. Genau diese Eigenschaft macht die Technik zum idealen Kandidaten für die progressive Verbesserung, wie du sie schon von modernen CSS-Features kennst.

Der eigentliche Wendepunkt für kleine Agenturen ist aber ein anderer: Du brauchst dafür kein Framework und keinen Single-Page-App-Umbau. Die Technik ist in WordPress angekommen – und damit im Werkzeugkasten, mit dem die meisten von uns täglich arbeiten.

WordPress liefert es fast frei Haus

Seit Version 6.8 steckt die Grundfunktion im WordPress-Kern. Standardmäßig arbeitet der Kern vorsichtig – er nutzt Prefetch mit conservative-Einstellung, also die sparsamste Variante. Wer mehr will, greift zum offiziellen Plugin Speculative Loading, das laut WordPress.org auf über 70.000 aktiven Installationen läuft. Es hebt die Voreinstellung auf Prerender mit moderate-Eagerness und macht die Konfiguration über den Menüpunkt „Einstellungen → Lesen" zugänglich. Dort schaltest du zwischen Prefetch und Prerender um, wählst die Eagerness und legst fest, ob auch eingeloggte Nutzer profitieren sollen.

Für die Praxis heißt das: Bei einer typischen Unternehmensseite, einem Portfolio oder einem Blog aktivierst du die Funktion, wählst eine moderate Stufe – und deine Kundenseite fühlt sich beim nächsten Besuch spürbar schneller an, ohne dass du am Theme oder an der Ladezeit selbst etwas geändert hast.

Die Stolperfallen, die du kennen musst

So charmant die Technik ist – blind aktivieren solltest du sie nicht. Prerender führt Seiten vollständig aus, und das hat Nebenwirkungen, die im Agentur-Alltag konkret werden.

Aktionen, die nur einmal passieren dürfen

Wenn der Browser eine Seite vorab rendert, laufen dort auch Skripte, Zähler und Aufrufe. Bei einer Produktseite ist das harmlos. Bei einem „In den Warenkorb"-Link, einem Logout, einer Löschaktion oder einem Klick, der eine E-Mail auslöst, wäre es fatal – die Aktion würde ausgeführt, obwohl der Nutzer nur mit der Maus in der Nähe war. Solche Pfade musst du vom Prerendering ausnehmen. Das Plugin bietet dafür eine Ausschlussliste und erkennt die CSS-Klasse no-prerender an einzelnen Links; Warenkorb-, Konto- und Checkout-Pfade schließt es sinnvollerweise ohnehin aus. Gerade bei Onlineshops gehört dieser Check auf die Liste, wenn du den Shop deines Kunden für das Weihnachtsgeschäft tunst.

Deine Statistik kann lügen

Ein prerenderter Seitenaufruf ist zunächst nur eine Vermutung des Browsers – der Besucher hat die Seite noch gar nicht gesehen. Zählt dein Analyse-Tool diesen unsichtbaren Aufruf mit, blähen sich die Zahlen auf und die Absprungrate wirkt falsch. Seriöse Analyse-Dienste lösen das, indem sie den Aufruf erst bei der „Aktivierung" werten, also wenn die Seite wirklich nach vorn geholt wird. Google weist in seiner Dokumentation ausdrücklich darauf hin, dass nicht jeder Anbieter das von Haus aus richtig macht. Prüf also nach dem Aktivieren kurz, ob die Zahlen deiner DSGVO-konformen Webanalyse plausibel bleiben.

Nicht alles vorladen, was klickbar ist

Prerender kostet die Ressourcen deiner Besucher – Datenvolumen und Akku auf dem Smartphone, Serverlast auf der Gegenseite. Eine zu aggressive Einstellung lädt reihenweise Seiten, die niemand öffnet, und arbeitet damit gegen das Ziel einer schlanken, nachhaltigen Website. Die moderate Stufe ist für die meisten Projekte der richtige Kompromiss: Sie lädt erst vor, wenn ein Besucher durch Verweilen echtes Interesse an einem Link zeigt. immediate gehört nur auf Seiten mit einem sehr klaren, dominanten Klickpfad.

So führst du es sauber ein

Der pragmatische Weg für deine Agentur ist ein Testlauf auf einer geeigneten Seite. Nimm ein Projekt mit mehreren statischen Unterseiten und ohne kritische Ein-Klick-Aktionen – eine klassische Firmenwebsite ist ideal. Aktiviere Prerender mit moderater Eagerness, klick dich durch die typischen Wege und achte darauf, dass Formulare, Login und alles Transaktionale ausgeschlossen sind. Danach kontrollierst du deine Analyse-Zahlen auf Ausreißer.

Ob das Vorladen tatsächlich greift, siehst du in den Entwicklerwerkzeugen von Chrome: Unter „Application → Speculative loads" listet der Browser auf, welche Seiten er vorbereitet hat und ob ein Prerender erfolgreich war oder verworfen wurde. Ein verworfener Prerender ist übrigens kein Fehler, sondern der Normalfall – der Browser räumt vorbereitete Seiten wieder ab, wenn der Nutzer doch woanders klickt. Genau dafür ist die moderate Stufe gebaut: Sie rät nur dann, wenn die Wahrscheinlichkeit eines Klicks hoch ist, und hält den Verschnitt klein.

Bemerkenswert ist, wie gut sich die Funktion in ein Wartungsangebot einfügt. Sie ist einmal eingerichtet und dann still im Hintergrund aktiv – ein Baustein, mit dem du die gefühlte Geschwindigkeit einer Kundenseite hebst, ohne monatlich Stunden zu verbrennen. Zusammen mit sauber optimierten Bildern und einem guten Caching entsteht daraus ein Tempo, das Kunden sofort bemerken – und das du in der nächsten Rechnung sichtbar machen kannst.

Am Ende ist Speculation Rules ein seltenes Angebot: ein echter Fortschritt, der auf der Mehrheit der Browser läuft, den Rest nicht stört und dich fast nichts kostet außer der Sorgfalt, die richtigen Seiten auszunehmen. Für eine Technik, die deine Kundenprojekte spürbar schneller macht, ist das ein bemerkenswert fairer Deal.