Kod och format

Speculation Rules-generator

Skapa en giltig Speculation Rules JSON för Prefetch och prerender; verifiera säkra förinställningar, URL-mönster och eagerness-alternativ i webbläsaren.

Konfiguration av Speculation Rules
Säker start: Conservative Prefetch Mät först med prefetch med låg risk; utöka prerender-omfattningen genom att begränsa den utifrån verkliga navigeringsdata.
Körs helt i webbläsaren

Förinställningar

Förinställningar ändrar både åtgärdstypen och utlösningskänsligheten.

Låg resursanvändning

Regelbeteende

Välj vad webbläsaren ska förbereda, från vilken källa och hur tidigt.

Prerender kan också köra målsidans JavaScript-kod.
Mönstren tillämpas automatiskt på matchande länkar på sidan.
Tidigare utlösning kan använda mer bandbredd och processorkraft.

URL-omfattning

Ange ett URLPattern-mönster eller en mål-URL på varje rad.

Exempel: /blog/* eller /products/:slug
Undanta alltid vägar för sessioner, betalningar och tillståndsändringar.
Ange en giltig lista med CSS-selektorer. Matchande länkar inkluderas inte i regeln.

Live-syntax och riskgranskning

Strukturen för JSON, URLPattern-indata och valen för resursförbrukning kontrolleras omedelbart.

Giltig

Genererad kod

1 regel · 1 mål/mönster

Kontrollerar webbläsarstödet…
Information

Om Speculation Rules-generatorn

Speculation Rules API, låter webbläsaren förhandsladda (prefetch) eller fullständig förberedelse i bakgrunden (prerender) ger instruktionen. När den används korrekt kan den påtagligt snabba upp efterföljande sidövergångar; om den används för brett kan den däremot i onödan förbruka bandbredd, serverresurser och analysmätningar.

Det här verktyget; conservative, moderate och aggressive genererar regler från URLPattern-mönster eller en uttrycklig URL-lista med sina förinställningar. Utdata kan vara oformaterad JSON eller <script type="speculationrules"> format. Syntaxen, undantagsväljaren CSS och riskfyllda kombinationer kontrolleras helt i din webbläsare.

Webbläsare som inte stöder Speculation Rules ignorerar denna skripttyp; normala länkar fortsätter att fungera. Därför är funktionen, när den konfigureras korrekt, ett extra lager för snabbare laddning och ersätter inte det befintliga navigeringsflödet.

Hur använder man?

Steg för steg

  1. Anpassat efter din trafik och resursanvändning Conservative, Moderate eller Aggressive välj förinställningen.
  2. Mindre resurskrävande som åtgärd prefetch eller som förbereder sidan helt prerender gör ditt val.
  3. Omfattning URL-mönster eller en uttrycklig URL-lista definiera med; uteslut sessioner, kundvagnar och betalningsvägar.
  4. Åtgärda varningar om syntax och resursförbrukning i området för livevalidering.
  5. Kopiera den genererade HTML-taggen eller JSON-utdata, eller ladda ner den som en fil.
FAQ

Vanliga frågor

prefetch gör att måldokumentet hämtas i förväg från nätverket; sidan körs inte. prerender laddar och renderar den målsidan som om den vore i en osynlig flik. Prerender kan ge snabbare övergångar, men bör användas med större försiktighet eftersom JavaScript, nätverksförfrågningar och analys händelser kan köras innan ett klick.

conservative förväntar sig en stark användaravsikt; måttlig använder en signal som en kort väntan på länken. eager och särskilt immediate kan börja köras tidigare och därmed förbruka mer resurser. Webbläsaren kan ändå välja att inte tillämpa en regel beroende på webbläsare, enhet och nätverksförhållanden.

WordPress 6.8 kan som standard skicka en konservativ prefetch-regel till webbläsare som stöder lämpliga frontendlänkar. Kontrollera först om det redan finns en sådan i sidkällan type="speculationrules" scriptet. I stället för att lägga till en andra regel som krockar, välj vid behov wp_speculation_rules_configuration anpassa kärnkonfigurationen med filtret.

Skripttypen känns inte igen och regeln ignoreras. Normala på sidan <a href> länkar fungerar oförändrade; ingen särskild JavaScript polyfill behövs. Bind därför inte länkmålen enbart till Speculation Rules, utan behåll det normala navigeringsflödet.

Uteslut alla sökvägar för utloggning, inloggning, varukorg, betalning, konto, administration, engångslänkar och alla sökvägar som ändrar status på begäran från GET. Eftersom en förhandsrenderad sida kan köras utan att användaren klickar bör den endast användas på sidor som är säkra, idempotenta och inte läcker personuppgifter.
Tillbaka till alla gratisverktyg