Code en opmaak

Speculation Rules-generator

Maak een geldige Speculation Rules JSON voor Prefetch en prerender; controleer veilige voorinstellingen, URL-patronen en eagerness-opties in uw browser.

Configuratie van Speculation Rules
Veilige start: Conservative Prefetch Meet eerst met het laagrisico-prefetch; breid de reikwijdte van prerender geleidelijk uit door deze af te stemmen op daadwerkelijke navigatiegegevens.
Werkt volledig in de browser

Vooraf ingestelde instellingen

Vooraf ingestelde instellingen wijzigen het verwerkingstype en de triggergevoeligheid gezamenlijk.

Laag brongebruik

Regelgedrag

Kies wat de browser moet voorbereiden, vanaf welke bron en hoe vroeg.

Prerender kan ook de JavaScript-code van de doelpagina uitvoeren.
Patronen worden automatisch toegepast op de overeenkomende links op de pagina.
Eerder activeren kan meer bandbreedte en processorgebruik veroorzaken.

URL-bereik

Schrijf per regel een URLPattern-patroon of een doel-URL.

Voorbeeld: /blog/* of /products/:slug
Sluit sessie-, betalings- en statuswijzigende routes altijd uit.
Schrijf een geldige lijst met CSS-selectors. Overeenkomende links worden niet in de regel opgenomen.

Live syntaxis- en risicocontrole

De JSON-structuur, de URLPattern-invoer en de keuzes voor bronverbruik worden direct gecontroleerd.

Geldig

Gegenereerde code

1 regel · 1 doel/patroon

Browserondersteuning wordt gecontroleerd…
Informatie

Over Speculation Rules-generator

Speculation Rules API, haalt de pagina's die de gebruiker waarschijnlijk vervolgens bezoekt vooraf op (prefetch) of volledig op de achtergrond voorbereiden (prerender)-instructie. Bij correct gebruik kan het latere paginanavigatie aanzienlijk versnellen; bij overmatig ruim gebruik kan het bandbreedte, serverbronnen en analysemetergegevens onnodig verbruiken.

Deze tool; conservative, moderate en aggressive genereert met de voorinstellingen regels uit URLPattern-patronen of een expliciete URL-lijst. Voeg de uitvoer toe als kale JSON of rechtstreeks aan de pagina toe te voegen <script type="speculationrules"> kunt u ontvangen. De syntaxis, de uitsluitingsselector van CSS en risicovolle combinaties worden volledig in uw browser gecontroleerd.

Browsers die Speculation Rules niet ondersteunen, negeren dit scripttype; normale links blijven werken. Daarom is deze functie, wanneer correct ingesteld, een extra versnellingslaag en geen vervanging van de bestaande navigatiestroom.

Hoe gebruik ik het?

Stap voor stap

  1. Geschikt voor uw verkeer en brongebruik Conservative, Moderate of Aggressive selecteer de voorinstelling.
  2. Lichter als bewerking prefetch of de pagina volledig voorbereidt prerender en maak een keuze.
  3. Bereik URL-patroon of een expliciete URL-lijst definieer het met; sluit sessie-, winkelwagen- en betaalpaden uit.
  4. Los de waarschuwingen over syntaxis en resourcegebruik in het live validatiegebied op.
  5. Kopieer het gegenereerde HTML-label of de JSON-uitvoer, of download deze als bestand.
FAQ

Veelgestelde vragen

prefetch zorgt ervoor dat het doelbestand vooraf van het netwerk wordt opgehaald; het voert de pagina niet uit. prerender laadt en rendert de doelpagina alsof deze in een onzichtbaar tabblad staat. Prerender kan een snellere overgang bieden, maar moet zorgvuldiger worden gebruikt omdat JavaScript, netwerkaanvragen en analysegebeurtenissen al vóór de klik kunnen worden uitgevoerd.

conservative verwacht een sterke gebruikersintentie; gematigd gebruikt een signaal zoals kort wachten op een link. eager en vooral immediate kan eerder worden uitgevoerd en daardoor meer bronnen verbruiken. De browser kan er, afhankelijk van de omstandigheden van de browser, het apparaat en het netwerk, toch voor kiezen een regel niet toe te passen.

WordPress 6.8 kan standaard een conservative prefetch-regel naar ondersteunde browsers sturen voor geschikte frontendlinks. Controleer eerst of er al een type="speculationrules" -script. Controleer ook indien nodig wp_speculation_rules_configuration pas de kernconfiguratie aan met het filter.

Het scripttype wordt niet herkend en de regel wordt genegeerd. De normale <a href> links werken ongewijzigd; er is geen speciale JavaScript-polyfill nodig. Koppel daarom linkdoelen niet alleen aan Speculation Rules en behoud de normale navigatiestroom.

Sluit alle paden voor uitloggen, inloggen, winkelwagen, betalen, account, beheer, eenmalige links en alle paden die de status wijzigen op verzoek van GET uit. Omdat een vooraf gerenderde pagina kan worden uitgevoerd zonder dat de gebruiker klikt, is het gebruik ervan alleen geschikt voor pagina's die veilig en idempotent zijn en geen persoonsgegevens lekken.
Terug naar alle gratis tools