Code et format

Générateur Speculation Rules

Créez le Speculation Rules JSON valide pour Prefetch et prerender ; vérifiez dans votre navigateur les paramètres prédéfinis sûrs, les modèles d’URL et les options eagerness.

Configuration de Speculation Rules
Démarrage sûr : Conservative Prefetch Mesurez d'abord avec un prefetch à faible risque ; activez progressivement la portée de prerender en la réduisant selon les données de navigation réelles.
Fonctionne entièrement dans le navigateur

Paramètres prédéfinis

Les paramètres prédéfinis modifient simultanément le type d’opération et la sensibilité du déclenchement.

Faible utilisation des ressources

Comportement de la règle

Choisissez ce que le navigateur doit préparer, depuis quelle source et à quel moment.

Prerender peut également exécuter le code JavaScript de la page cible.
Les modèles sont automatiquement appliqués aux liens correspondants de la page.
Un déclenchement plus précoce peut utiliser davantage de bande passante et de ressources processeur.

Portée des URL

Saisissez pour chaque ligne un motif URLPattern ou une URL cible.

Exemple : /blog/* ou /products/:slug
Excluez impérativement les chemins liés aux sessions, aux paiements et aux changements d’état.
Saisissez une liste valide de sélecteurs CSS. Les liens correspondants ne sont pas pris en compte par la règle.

Audit en direct de la syntaxe et des risques

La structure JSON, les entrées URLPattern et les choix de consommation des ressources sont contrôlés instantanément.

Valide

Code généré

1 règle · 1 cible/modèle

Vérification de la prise en charge par le navigateur…
Information

À propos du générateur Speculation Rules

Speculation Rules API, anticipe la récupération (prefetch) ou préparation complète en arrière-plan (prerender) donne l'instruction. Utilisé correctement, il peut accélérer considérablement les navigations vers les pages suivantes ; utilisé de manière excessivement large, il peut en revanche consommer inutilement la bande passante, les ressources du serveur et les mesures d'analyse.

Cet outil ; conservative, moderate et aggressive génère des règles à partir des modèles URLPattern avec ses préréglages ou à partir d’une liste d’URL explicite. Ajoutez le résultat sous forme de JSON brut ou directement intégrable à la page <script type="speculationrules"> Vous pouvez l’obtenir sous la forme suivante. La syntaxe, le sélecteur d’exclusion CSS et les combinaisons à risque sont entièrement contrôlés dans votre navigateur.

Les navigateurs qui ne prennent pas en charge Speculation Rules ignorent ce type de script ; les liens normaux continuent de fonctionner. Ainsi, lorsqu’elle est correctement configurée, cette fonctionnalité constitue une couche d’accélération supplémentaire et ne remplace pas le flux de navigation existant.

Comment l'utiliser ?

Pas à pas

  1. Adapté à votre trafic et à l’utilisation de vos ressources Conservative, Moderate ou Aggressive Sélectionnez le préréglage.
  2. Moins lourd à traiter prefetch ou la page entièrement préparée prerender faites votre choix.
  3. Portée Modèle d’URL ou liste d’URL explicite Définissez-le avec ; excluez les chemins de session, de panier et de paiement.
  4. Corrigez les avertissements relatifs à la syntaxe et à la consommation des ressources dans le champ de validation en direct.
  5. Copiez l’étiquette HTML ou la sortie JSON générée, ou téléchargez-la sous forme de fichier.
FAQ

Foire aux questions

prefetch permet de récupérer au préalable le document cible depuis le réseau ; il n’exécute pas la page. prerender si tel est le cas, charge et effectue le rendu de la page cible comme dans un onglet invisible. Prerender peut accélérer la transition, mais doit être utilisé avec davantage de prudence, car JavaScript, les requêtes réseau et les événements d’analyse peuvent se déclencher avant le clic.

conservative attend une intention forte de la part de l’utilisateur ; modéré utilise un signal tel qu’une brève attente sur le lien. eager et notamment immediate peut s’exécuter plus tôt et consommer davantage de ressources. Le navigateur peut néanmoins choisir de ne pas appliquer une règle selon les conditions du navigateur, de l’appareil et du réseau.

WordPress 6.8 peut envoyer par défaut une règle conservative prefetch aux navigateurs compatibles pour les liens appropriés de l’interface. Vérifiez d’abord dans le code source de la page si un élément existant type="speculationrules" vérifiez le script. Si nécessaire, au lieu d'ajouter une deuxième règle en conflit, wp_speculation_rules_configuration Personnalisez la configuration principale avec le filtre.

Le type de script n’est pas reconnu et la règle est ignorée. Les liens normaux de la page <a href> fonctionne sans modification ; aucun polyfill JavaScript spécial n’est nécessaire. Ne liez donc pas les cibles des liens uniquement à Speculation Rules et préservez le flux de navigation normal.

Excluez la déconnexion, la connexion, le panier, le paiement, le compte, l'administration, les liens à usage unique et toutes les voies qui modifient l'état à la demande de GET. Comme la page prérendue peut s'exécuter avant tout clic de l'utilisateur, son utilisation convient uniquement aux pages sûres, idempotentes et qui ne divulguent pas de données personnelles.
Retour à tous les outils gratuits