SEO-Tools

Kostenlose Speculation-Rules-Generator

Generiere Speculation-Rules-JSON zum Prerendering und Prefetching von Seiten in Chrome und Edge.

Tool wird geladen...

Was ist Speculation-Rules-Generator?

Speculation Rules sind eine JSON-basierte Browserfunktion, mit der Sie dem Browser mitteilen können, welche Seiten er vor einem Klick prefetchen oder prerendern soll. Prerendering lädt die gesamte Seite für sofortige Navigation, während Prefetching nur das Hauptdokument lädt. Dies kann eine statische Site schnell erscheinen lassen, da nachfolgende Seitenaufrufe aus dem Cache oder dem vorgerenderten Zustand geladen werden.

Kurze Antwort

Speculation Rules verwenden JSON, um Chrome und Edge mitzuteilen, welche Seiten vor einem Klick prefetcht oder prerendert werden sollen. Prerender lädt die gesamte Seite für sofortige Navigation; Prefetch lädt nur das Hauptdokument.

Last updated: 2026-06-11

Einschränkungen

  • Speculation Rules funktionieren nur in Chrome und Edge. Andere Browser ignorieren das script-Tag vollständig.
  • Eifriges Prerendering vieler Seiten kann erhebliche Bandbreite und Speicher verschwenden, insbesondere auf mobilen Geräten.
  • Cross-Origin-Prerendering hat strenge Datenschutzbeschränkungen. Browser können Cookies und Speicherzugriff von gecrossoriginten vorgerenderten Seiten entfernen.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

So nutzt du dieses Tool

  1. Wählen Sie, ob Sie Seiten prerendern (vollständiges Rendern) oder prefetchen (nur Dokument laden) möchten.
  2. Wählen Sie die URL-Liste, um genaue Seiten anzugeben, oder Dokumentenregeln für musterbasiertes Matching.
  3. Legen Sie die Eagerness-Stufe fest. Conservative feuert bei Hover oder Fokus, Moderate fügt eine kurze Verzögerung hinzu, Eager feuert sofort.
  4. Kopieren Sie das script-Tag in Ihren Seiten-Head oder ans Ende des Body.

Wofür du es nutzen kannst

  • Top-Navigationsseiten prerendern, damit sie beim Klick sofort öffnen.
  • Blog-Artikel-Seiten von einer Liste prefetchen, um den Lesefluss zu beschleunigen.
  • Speculation Rules zu einer Dokumentationsseite hinzufügen, damit Abschnittsseiten schneller laden.

Anwendungsfalle

Praxisbeispiele

Beispiel

Hauptnavigation prerendern

Eine Site prerendert die About-, Tools- und FAQ-Seiten, da die meisten Besucher von der Startseite aus dorthin navigieren. Die Eagerness ist auf moderate gesetzt.

Beispiel

Dokumentenregeln für Blog-Links

Eine Blog-Liste verwendet Dokumentenregeln, sodass jeder Same-Origin-Link auf der Seite für Prefetching beim Darüberhovern infrage kommt.

Haufige Fehler

  • Zu viele Seiten prerendern, was Bandbreite und Browser-Ressourcen verschwendet.
  • Eagerness auf jeder Seite auf eager setzen, was übermäßiges Prefetching verursachen kann.
  • Cross-Origin-Seiten prerendern, ohne die Auswirkungen auf Privatsphäre und Cookies zu verstehen.

Überprüfung

  1. Öffnen Sie Chrome DevTools, gehen Sie zu Application > Speculation Rules, um zu überprüfen, ob die Regeln korrekt geparst werden.
  2. Überprüfen Sie im Network-Panel, ob vorgerenderte oder prefetchte Seiten den Status Proxied oder Prefetched in der Größen-Spalte zeigen.

FAQ

Fragen zu Speculation-Rules-Generator

Welche Browser unterstützen Speculation Rules?

Chrome 109+ und Edge 109+. Andere Browser ignorieren das script-Tag, daher ist es sicher als progressive Verbesserung einzubauen.

Was ist der Unterschied zwischen Prerender und Prefetch?

Prerender lädt und rendert die gesamte Seite inklusive Unterressourcen, sodass die Navigation sofort wirkt. Prefetch lädt nur das Hauptdokument, was bandbreitenschonender ist.

Sollte ich Cross-Origin-Seiten prerendern?

Cross-Origin-Prerendering ist eingeschränkt. Browser senden möglicherweise keine Cookies an gecrossoriginte vorgerenderte Seiten. Prefetch ist im Allgemeinen sicherer für Cross-Origin-URLs.

Beeinflusst Prerendering die Analytics-Seitenaufrufzahlen?

Ja, das ist ein bekanntes Problem. Eine vorgerenderte Seite führt Analytics-Skripte aus und zählt einen Seitenaufruf, selbst wenn der Nutzer nie zur Seite navigiert. Verwenden Sie die document.prerendering API, um Analytics bis zur tatsächlichen Aktivierung zu verzögern.

Verwandte Tools

Weitere seo-tools

Auch ausprobieren

Auch ausprobieren