jquery.app
Francais
EnglishDeutschFrancaisEspanol日本語Nederlands

Outils SEO

Gratuit Generateur de règles de speculation

Générez du JSON Speculation Rules pour le prerendering et le prefetching dans Chrome et Edge.

Chargement de l'outil...

Qu'est-ce que Generateur de règles de speculation ?

Les Speculation Rules sont une fonctionnalité de navigateur basée sur JSON qui permet d'indiquer au navigateur quelles pages précharger ou prérendre avant que l'utilisateur ne clique. Le prérendu charge la page complète pour une navigation instantanée, tandis que le préchargement ne récupère que le document principal. Cela peut rendre un site statique rapide car les vues de page suivantes se chargent depuis le cache ou l'état prérendu.

Réponse rapide

Les Speculation Rules utilisent du JSON pour indiquer à Chrome et Edge quelles pages précharger ou prérendre avant que l'utilisateur ne clique. Prerender charge la page complète pour une navigation instantanée ; prefetch ne récupère que le document principal.

Last updated: 2026-06-11

Limites

  • Les Speculation Rules fonctionnent uniquement dans Chrome et Edge. Les autres navigateurs ignorent complètement la balise script.
  • Le prérendu eager de nombreuses pages peut gaspiller une bande passante et une mémoire importantes, en particulier sur les appareils mobiles.
  • Le prérendu inter-origines a des contraintes de confidentialité strictes. Les navigateurs peuvent supprimer les cookies et l'accès au stockage des pages prérendues inter-origines.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Choisissez de prérendre les pages (rendu complet) ou de les précharger (récupération du document uniquement).
  2. Sélectionnez la source de liste d'URL pour spécifier des pages exactes, ou les règles de document pour une correspondance basée sur des motifs.
  3. Définissez le niveau d'empressement. Conservative se déclenche au survol ou au focus, moderate ajoute un court délai, eager se déclenche immédiatement.
  4. Copiez la balise script dans l'en-tête de votre page ou près de la fin du body.

A quoi il sert

  • Prérendre les pages de navigation principales pour qu'elles s'ouvrent instantanément au clic.
  • Précharger les pages d'articles de blog depuis une liste pour accélérer le flux de lecture.
  • Ajouter des règles de spéculation à un site de documentation pour que les pages de section se chargent plus rapidement.

Cas d'usage

Exemples concrets

Exemple

Prérendre la navigation principale

Un site prérend les pages À propos, Outils et FAQ car la plupart des visiteurs y naviguent depuis la page d'accueil. L'empressement est défini sur moderate pour équilibrer vitesse et bande passante.

Exemple

Règles de document pour les liens de blog

Une liste d'articles de blog utilise des règles de document pour que tout lien de même origine sur la page soit éligible au préchargement lorsque l'utilisateur le survole.

Erreurs frequentes

  • Prérendre trop de pages, ce qui gaspille de la bande passante et des ressources du navigateur.
  • Définir l'empressement sur eager sur chaque page, ce qui peut provoquer un préchargement excessif.
  • Prérendre des pages inter-origines sans comprendre les implications en matière de confidentialité et de cookies.

Vérification

  1. Ouvrez Chrome DevTools, allez dans Application > Speculation Rules pour vérifier que les règles sont correctement analysées.
  2. Dans le panneau Network, vérifiez que les pages prérendues ou préchargées affichent le statut Proxied ou Prefetched dans la colonne Size.

FAQ

Questions sur Generateur de règles de speculation

Quels navigateurs supportent les Speculation Rules ?

Chrome 109+ et Edge 109+. Les autres navigateurs ignorent la balise script, il est donc sûr de l'inclure comme amélioration progressive.

Quelle est la différence entre prerender et prefetch ?

Prerender récupère et rend complètement la page y compris les sous-ressources, rendant la navigation instantanée. Prefetch ne récupère que le document principal, ce qui est plus léger en bande passante.

Dois-je prérendre des pages inter-origines ?

Le prérendu inter-origines est limité. Les navigateurs peuvent ne pas envoyer de cookies ou d'état de stockage aux pages prérendues inter-origines, et des conditions préalables de même origine s'appliquent. Prefetch est généralement plus sûr pour les URL inter-origines.

Le prérendu affecte-t-il les compteurs de pages vues des analyses ?

Oui, et c'est un problème connu. Une page prérendue déclenche les scripts d'analyse et compte une page vue même si l'utilisateur ne navigue jamais vers la page. Pour gérer cela, utilisez l'API document.prerendering ou l'entrée de performance activationStart pour différer les analyses jusqu'à ce que la page soit réellement activée par la navigation de l'utilisateur. Sans cette protection, vos analyses surcompteront les pages vues pour les pages prérendues.

Outils lies

Autres outils outils seo

A essayer aussi

A essayer aussi