Kód és formátum

Speculation Rules-generátor

Hozza létre a Prefetch és a prerender számára érvényes Speculation Rules JSON-t; ellenőrizze böngészőjében a biztonságos előbeállításokat, az URL-mintákat és a eagerness-beállításokat.

Speculation Rules konfigurációja
Biztonságos kezdés: Conservative Prefetch Először alacsony kockázatú prefetch segítségével végezzen mérést; a prerender hatókörét a tényleges navigációs adatok alapján szűkítve engedélyezze.
Teljes egészében a böngészőben fut

Előre beállított értékek

Az előre beállított értékek együtt módosítják a művelet típusát és a kiváltás érzékenységét.

Alacsony erőforrás-használat

Szabály viselkedése

Válassza ki, hogy a böngésző mit, melyik forrásból és milyen korán készítsen elő.

A prerender a céloldal JavaScript kódját is végre tudja hajtani.
A minták automatikusan alkalmazásra kerülnek az oldalon található megfelelő hivatkozásokra.
A korábbi aktiválás nagyobb sávszélesség- és processzorhasználattal járhat.

URL-hatókör

Minden sorba írjon egy URLPattern-mintát vagy egy cél-URL-t.

Példa: /blog/* vagy /products/:slug
Mindenképpen zárja ki a munkameneteket, a fizetési és az állapotot módosító útvonalakat.
Adjon meg érvényes CSS-választólistát. Az egyező hivatkozások nem kerülnek be a szabály hatálya alá.

Élő szintaxis- és kockázatellenőrzés

A JSON struktúráját, a URLPattern bemeneteit és az erőforrás-felhasználási beállításokat azonnal ellenőrizzük.

Érvényes

Létrehozott kód

1 szabály · 1 cél/minta

A böngészőtámogatás ellenőrzése…
Információ

A Speculation Rules-generátorról

Speculation Rules API, a böngésző előre lekéri (prefetch) vagy a teljes háttérben történő előkészítés (prerender) utasítást ad. Megfelelő használat esetén jelentősen felgyorsíthatja a következő oldalak betöltését; túlzottan széles körű használata azonban szükségtelenül fogyaszthatja a sávszélességet, a szerver erőforrásait és az elemzési keretet.

Ez az eszköz; conservative, moderate és aggressive beállításaival URLPattern-mintákból vagy nyílt URL-listából hoz létre szabályt. A kimenetet egyszerű JSON formájában vagy közvetlenül az oldalhoz hozzáadható <script type="speculationrules"> formájában kaphatja meg. A szintaxist, a CSS kizárási választóját és a kockázatos kombinációkat teljes egészében a böngészője ellenőrzi.

A Speculation Rules-t nem támogató böngészők figyelmen kívül hagyják ezt a script típust; a normál hivatkozások továbbra is működnek. Ezért a funkció helyes beállítás esetén egy további gyorsítási réteget jelent, és nem helyettesíti a meglévő navigációs folyamatot.

Hogyan kell használni?

Lépésről lépésre

  1. A forgalom- és erőforrás-használatához megfelelő Konzervatív, mérsékelt vagy agresszív beállítást válassza.
  2. Műveletként kevésbé megterhelő prefetch vagy az oldalt teljesen előkészítő prerender válassza ki.
  3. Hatókör URL-minta vagy nyílt URL-listát segítségével határozza meg; zárja ki a munkamenet-, kosár- és fizetési útvonalakat.
  4. Szüntesse meg az élő ellenőrzési mező szintaxis- és erőforrás-felhasználási figyelmeztetéseit.
  5. Másolja ki a létrehozott HTML címkét vagy a JSON kimenetét, illetve töltse le fájlként.
GYIK

Gyakran Ismételt Kérdések

prefetch lehetővé teszi a cél dokumentum hálózatról történő előzetes lekérését; az oldalt nem futtatja. prerender esetén a céloldalt úgy tölti be és rendereli, mintha egy láthatatlan lapon lenne. A Prerender gyorsabb átmenetet biztosíthat, de óvatosan kell használni, mivel a JavaScript, a hálózati kérések és az elemzési események már a kattintás előtt végrehajtódhatnak.

conservative erős felhasználói szándékot feltételez; mérsékelt a hivatkozáson egy rövid idejű várakozáshoz hasonló jelzést használ. eager és különösen immediate korábban működésbe lépve több erőforrást fogyaszthat. A böngésző az eszköz- és hálózati körülmények függvényében ettől még dönthet úgy, hogy nem alkalmaz egy szabályt.

A WordPress 6.8 megfelelő előlapi hivatkozások esetén alapértelmezés szerint conservative prefetch szabályt küldhet a támogató böngészőknek. Először ellenőrizze az oldal forráskódjában, hogy van-e már type="speculationrules" szkriptet. Ütköző második szabály hozzáadása helyett szükség esetén wp_speculation_rules_configuration szűrővel szabja testre az alapvető konfigurációt.

A script típusa ismeretlen, ezért a szabály figyelmen kívül marad. Az oldalon található normál <a href> A hivatkozások változtatás nélkül működnek; nincs szükség külön JavaScript polyfillre. Ezért ne csak a Speculation Rules-hoz kapcsolja a hivatkozások célját, és őrizze meg a normál navigációs folyamatot.

Zárja ki a kijelentkezéshez, bejelentkezéshez, kosárhoz, fizetéshez, fiókhoz, adminisztrációhoz, egyszer használatos hivatkozásokhoz, valamint a GET-kéréssel állapotot módosító műveletekhez tartozó összes útvonalat. Mivel az előrenderelt oldal a felhasználó kattintása nélkül is működésbe léphet, csak biztonságos, idempotens és személyes adatokat nem kiszivárogtató oldalakon célszerű használni.
Vissza az összes ingyenes eszközhöz