Code & Format

Speculation Rules-Generator

Erstellen Sie für Prefetch und prerender ein gültiges Speculation Rules JSON; überprüfen Sie sichere Voreinstellungen, URL-Muster und eagerness-Optionen in Ihrem Browser.

Speculation Rules-Konfiguration
Sicherer Einstieg: Conservative Prefetch Messen Sie zunächst mit risikoarmem prefetch; aktivieren Sie den Umfang von prerender, indem Sie ihn anhand echter Navigationsdaten eingrenzen.
Läuft vollständig im Browser

Voreinstellungen

Voreinstellungen ändern Verarbeitungstyp und Auslösungsempfindlichkeit gemeinsam.

Geringer Ressourcenverbrauch

Regelverhalten

Wählen Sie aus, was der Browser aus welcher Quelle und wie früh vorbereiten soll.

Prerender kann auch den JavaScript-Code der Zielseite ausführen.
Die Muster werden automatisch auf passende Links auf der Seite angewendet.
Eine frühere Auslösung kann mehr Bandbreite und Prozessorleistung verbrauchen.

URL-Geltungsbereich

Geben Sie in jede Zeile ein URLPattern-Muster oder eine Ziel-URL ein.

Beispiel: /blog/* oder /products/:slug
Schließen Sie Sitzungs-, Zahlungs- und statusändernde Pfade unbedingt aus.
Geben Sie eine gültige CSS-Selektorliste ein. Übereinstimmende Links werden nicht in die Regel aufgenommen.

Live-Syntax- und Risikoüberprüfung

Die Struktur von JSON, die Eingaben von URLPattern und die Auswahl des Ressourcenverbrauchs werden sofort geprüft.

Gültig

Generierter Code

1 Regel · 1 Ziel/Muster

Browserunterstützung wird überprüft…
Information

Über den Speculation Rules-Generator

Speculation Rules API, ruft der Browser Seiten, die der Benutzer wahrscheinlich als Nächstes besuchen wird, vorab ab (prefetch) oder die vollständige Vorbereitung im Hintergrund (prerender) gibt die Anweisung. Bei korrekter Verwendung kann er die folgenden Seitenübergänge deutlich beschleunigen; bei übermäßig großzügiger Verwendung kann er jedoch Bandbreite, Serverressourcen und Analysemetriken unnötig verbrauchen.

Dieses Tool; conservative, moderate und aggressive erzeugt mit den Voreinstellungen Regeln aus URLPattern-Mustern oder einer offenen URL-Liste. Fügen Sie die Ausgabe als reines JSON oder direkt in die Seite einfügbar <script type="speculationrules"> Format erhalten Sie. Die Syntax, der Ausschlussselektor CSS und riskante Kombinationen werden vollständig in Ihrem Browser überprüft.

Browser, die Speculation Rules nicht unterstützen, ignorieren diesen Script-Typ; normale Links funktionieren weiterhin. Daher ist die Funktion bei korrekter Einrichtung eine zusätzliche Beschleunigungsebene und ersetzt nicht den bestehenden Navigationsablauf.

Wie benutzt man es?

Schritt für Schritt

  1. Passend zu Ihrem Traffic und Ihrer Ressourcennutzung Konservativ, Moderat oder Aggressiv Wählen Sie die Voreinstellung.
  2. Weniger aufwendig zu verarbeiten prefetch oder eine Seite, die vollständig vorbereitet prerender Auswahl.
  3. Ihr Umfang URL-Muster oder offene URL-Liste Definieren Sie es mit; schließen Sie Sitzungs-, Warenkorb- und Zahlungswege aus.
  4. Beheben Sie die Warnungen zu Syntax und Ressourcenverbrauch im Bereich für die Live-Validierung.
  5. Kopieren Sie das generierte HTML-Tag oder die JSON-Ausgabe oder laden Sie es als Datei herunter.
FAQ

Häufig gestellte Fragen

prefetch sorgt dafür, dass das Zieldokument vorab aus dem Netzwerk abgerufen wird; die Seite wird nicht ausgeführt. prerender lädt die Zielseite wie in einem unsichtbaren Tab und rendert sie. Prerender kann einen schnelleren Übergang ermöglichen, sollte jedoch vorsichtiger eingesetzt werden, da JavaScript, Netzwerkanfragen und Analyseereignisse bereits vor dem Klick ausgeführt werden können.

conservative erwartet eine starke Benutzerintention; moderat verwendet ein Signal wie ein kurzes Warten auf einem Link. eager und insbesondere immediate kann früher aktiv werden und dadurch mehr Ressourcen verbrauchen. Der Browser kann sich je nach Browser-, Geräte- und Netzwerkbedingungen dennoch dafür entscheiden, eine Regel nicht anzuwenden.

WordPress 6.8 kann unterstützenden Browsern standardmäßig eine conservative prefetch-Regel für geeignete Frontend-Links senden. Prüfen Sie zunächst in der Seitenquelle, ob bereits type="speculationrules" Überprüfen Sie das Script. Treffen Sie bei Bedarf statt des Hinzufügens einer zweiten widersprüchlichen Regel die wp_speculation_rules_configuration Passen Sie die Kernkonfiguration mit dem Filter an.

Der Script-Typ wird nicht erkannt und die Regel wird ignoriert. Die normalen <a href> funktionieren unverändert; ein spezielles JavaScript Polyfill ist nicht erforderlich. Verknüpfen Sie die Linkziele daher nicht ausschließlich mit Speculation Rules und behalten Sie den normalen Navigationsablauf bei.

Schließen Sie alle Pfade für Abmeldung, Anmeldung, Warenkorb, Zahlung, Konto, Verwaltung, Einmal-Links und alle Pfade aus, die den Status auf Anforderung von GET ändern. Da eine vorgerenderte Seite ausgeführt werden kann, bevor der Benutzer klickt, sollte sie nur für sichere, idempotente Seiten verwendet werden, die keine personenbezogenen Daten preisgeben.
Zurück zu allen kostenlosen Tools