Kode og format

Speculation Rules-generator

Opret en gyldig Speculation Rules JSON til Prefetch og prerender; kontrollér sikre standardindstillinger, URL-mønstre og eagerness-valg i din browser.

Konfiguration af Speculation Rules
Sikker start: Conservative Prefetch Mål først med lavrisiko-prefetch; aktivér prerender-omfanget gradvist ved at begrænse det ud fra faktiske navigationsdata.
Kører helt i browseren

Forudindstillinger

Forudindstillinger ændrer behandlingstypen og udløsningsfølsomheden samtidigt.

Lavt ressourceforbrug

Regeladfærd

Vælg, hvad browseren skal forberede, fra hvilken kilde og hvor tidligt.

Prerender kan også køre JavaScript-koden på målsiden.
Mønstrene anvendes automatisk på relevante links på siden.
Tidligere udløsning kan bruge mere båndbredde og processorkraft.

URL-omfang

Skriv et URLPattern-mønster eller en mål-URL på hver linje.

Eksempel: /blog/* eller /products/:slug
Udeluk altid stier til sessioner, betalinger og handlinger, der ændrer tilstand.
Skriv en gyldig liste over CSS-selektorer. Matchende links medtages ikke i reglen.

Live syntaks- og risikokontrol

Strukturen i JSON, posterne i URLPattern og valgene for ressourceforbrug kontrolleres med det samme.

Gyldig

Genereret kode

1 regel · 1 mål/mønster

Kontrollerer browserunderstøttelse…
Information

Om Speculation Rules-generator

Speculation Rules API, forhåndshenter (prefetch) eller fuldstændig forberedelse i baggrunden (prerender) angiver instruktionen. Korrekt brug kan markant fremskynde efterfølgende sideovergange; ved overdreven anvendelse kan den derimod unødigt forbruge båndbredde, serverressourcer og analysemålinger.

Dette værktøj; conservative, moderate og aggressive genererer regler ud fra URLPattern-mønstre eller en eksplicit URL-liste med sine forudindstillinger. Outputtet kan være ren JSON eller <script type="speculationrules"> kan fås i formatet. Syntaksen, undtagelsesvælgeren for CSS og risikable kombinationer kontrolleres helt i din browser.

Browsere, der ikke understøtter Speculation Rules, ignorerer denne script-type; normale links fortsætter med at fungere. Derfor er funktionen, når den er konfigureret korrekt, et ekstra hastighedslag og erstatter ikke det eksisterende navigationsflow.

Hvordan bruger man det?

Trin for trin

  1. Passer til din trafik og ressourceanvendelse Konservativ, Moderat eller Aggressiv vælg forudindstillingen.
  2. Mindre krævende som proces prefetch eller den, der forbereder siden fuldstændigt prerender foretage dit valg.
  3. Omfang URL-mønster eller liste over eksplicitte URL'er definér med; udeluk session-, kurv- og betalingsstier.
  4. Afhjælp advarsler om syntaks og ressourceforbrug i feltet til livevalidering.
  5. Kopiér det genererede HTML-tag eller JSON-outputtet, eller download det som en fil.
FAQ

Ofte stillede spørgsmål

prefetch sørger for, at måldokumentet hentes fra netværket på forhånd; siden køres ikke. prerender indlæser den målsiden i en usynlig fane og renderer den. Prerender kan give hurtigere overgange, men skal bruges mere forsigtigt, fordi JavaScript, netværksanmodninger og analyseevents kan blive udløst før et klik.

conservative forventer en stærk brugerintention; moderat bruger et signal såsom en kort ventetid på forbindelsen. eager og især immediate kan arbejde tidligere og dermed forbruge flere ressourcer. Browseren kan stadig vælge ikke at anvende en regel afhængigt af browser-, enheds- og netværksforhold.

WordPress 6.8 kan som standard sende en conservative prefetch-regel til understøttende browsere for passende frontend-links. Kontrollér først den eksisterende i sidekilden type="speculationrules" scriptet. I stedet for at tilføje en anden modstridende regel skal du om nødvendigt wp_speculation_rules_configuration tilpas kernekonfigurationen med filteret.

Script-typen genkendes ikke, og reglen ignoreres. De normale på siden <a href> forbindelser fungerer uændret; der kræves ingen særlig JavaScript-polyfill. Derfor må forbindelsesmålene ikke kun bindes til Speculation Rules, og det normale navigationsforløb skal bevares.

Udeluk alle stier til log ud, login, indkøbskurv, betaling, konto, administration, engangslinks samt alle stier, der ændrer tilstand som følge af en GET-anmodning. Da den prerenderede side kan køre, uden at brugeren klikker, bør den kun bruges på sider, der er sikre, idempotente og ikke lækker personoplysninger.
Tilbage til alle gratis værktøjer