Codice e formato

Generatore Speculation Rules

Crea un JSON Speculation Rules valido per Prefetch e prerender; verifica nel browser le impostazioni predefinite sicure, i pattern URL e le opzioni eagerness.

Configurazione di Speculation Rules
Avvio sicuro: Conservative Prefetch Misurate prima con un prefetch a basso rischio; abilitate prerender restringendone l'ambito in base ai dati di navigazione effettivi.
Funziona interamente nel browser

Impostazioni predefinite

Le impostazioni predefinite modificano insieme il tipo di operazione e la sensibilità dell'attivazione.

Basso utilizzo delle risorse

Comportamento della regola

Scegli cosa preparare, da quale origine e con quanto anticipo.

Prerender può eseguire anche il codice JavaScript della pagina di destinazione.
I pattern vengono applicati automaticamente ai collegamenti pertinenti della pagina.
L'attivazione anticipata può utilizzare una maggiore larghezza di banda e più risorse del processore.

Ambito degli URL

Inserire per ogni riga un pattern URLPattern o un URL di destinazione.

Esempio: /blog/* O /products/:slug
Escludi sempre i percorsi relativi a sessioni, pagamenti e modifiche dello stato.
Inserire un elenco valido di selettori CSS. I link corrispondenti non vengono inclusi nella regola.

Verifica della sintassi e dei rischi in tempo reale

La struttura JSON, gli input URLPattern e le scelte relative al consumo delle risorse vengono controllati istantaneamente.

Valido

Codice generato

1 regola · 1 destinazione/schema

Verifica del supporto del browser in corso…
Informazioni

Informazioni sul generatore Speculation Rules

Speculation Rules API, consente al browser di precaricare (prefetch) o preparazione completa in background (prerender) impartisce l'istruzione. Se utilizzato correttamente, può accelerare notevolmente i passaggi alle pagine successive; se utilizzato in modo eccessivamente ampio, può consumare inutilmente larghezza di banda, risorse del server e metriche di analisi.

Questo strumento; conservative, moderate e aggressive genera una regola dai pattern URLPattern o dall’elenco esplicito di URL con le relative impostazioni predefinite. Inserite l’output come semplice JSON o direttamente incorporabile nella pagina <script type="speculationrules"> È possibile ottenerli nel formato. La sintassi, il selettore di esclusione CSS e le combinazioni rischiose vengono controllati interamente nel browser.

I browser che non supportano Speculation Rules ignorano questo tipo di script; i collegamenti normali continuano a funzionare. Pertanto, se configurata correttamente, la funzionalità costituisce un ulteriore livello di accelerazione e non sostituisce il flusso di navigazione esistente.

Come si usa?

Passo dopo passo

  1. Adatto al tuo traffico e all'utilizzo delle risorse Conservative, Moderate o Aggressive selezionate l’impostazione predefinita.
  2. Più leggero da elaborare prefetch oppure la pagina che prepara completamente prerender effettuate la selezione.
  3. Ambito Schema URL O elenco di URL espliciti Definitelo con; escludete i percorsi di sessione, carrello e pagamento.
  4. Risolvete gli avvisi relativi alla sintassi e al consumo delle risorse nel campo di validazione in tempo reale.
  5. Copia l'etichetta HTML generata o l'output JSON, oppure scaricalo come file.
FAQ

Domande frequenti

prefetch consente di recuperare in anticipo dalla rete il documento di destinazione; non esegue la pagina. prerender carica e renderizza la pagina come se fosse in una scheda invisibile. Il prerender può consentire transizioni più rapide, ma deve essere utilizzato con maggiore cautela perché JavaScript, le richieste di rete e gli eventi di analisi potrebbero essere eseguiti prima del clic.

conservative richiede una forte intenzione dell’utente; moderate utilizza un segnale come una breve attesa sul collegamento. eager e in particolare immediate può funzionare prima e consumare più risorse. Il browser può comunque scegliere di non applicare una regola in base alle condizioni del browser, del dispositivo e della rete.

WordPress 6.8 può inviare per impostazione predefinita la regola conservative prefetch ai browser supportati per i collegamenti appropriati dell'interfaccia. Controlla prima nel codice sorgente della pagina se è già presente type="speculationrules" Controllate lo script. Invece di aggiungere una seconda regola in conflitto, se necessario wp_speculation_rules_configuration Personalizzate la configurazione di base con il filtro.

Il tipo di script non viene riconosciuto e la regola viene ignorata. I normali elementi della pagina <a href> I collegamenti funzionano senza modifiche; non è necessario alcun polyfill JavaScript personalizzato. Pertanto, non collegate gli obiettivi dei collegamenti solo a Speculation Rules e mantenete il normale flusso di navigazione.

Escludete tutti i percorsi di disconnessione, accesso, carrello, pagamento, account, amministrazione, collegamenti monouso e tutti i percorsi che modificano lo stato tramite una richiesta di GET. Poiché la pagina prerenderizzata può essere eseguita senza che l'utente faccia clic, è opportuno utilizzarla solo per pagine sicure, idempotenti e che non divulghino dati personali.
Torna a tutti gli strumenti gratuiti