Si vous avez un site web, vous savez à quel point la vitesse de chargement est cruciale. Un site rapide offre une meilleure expérience utilisateur, améliore le référencement SEO, réduit le taux de rebond, et favorise les conversions. Avec la sortie de WordPress 6.8, une nouvelle fonctionnalité native vous permet d’améliorer drastiquement la vitesse de votre site : le chargement spéculatif, ou speculative loading.
Dans cet article, vous allez découvrir comment activer et configurer cette fonctionnalité, comment elle fonctionne, ses avantages, ses limites, ainsi que des extraits de code utiles pour une personnalisation avancée.
À la fin de cet article, vous saurez comment :
- Optimiser votre site pour un chargement quasi instantané
- Utiliser la nouvelle fonctionnalité native de WordPress 6.8
- Convertir automatiquement vos images en formats modernes (AVIF, WebP)
- Éviter les pièges courants du speculative loading
Qu’est-ce que le speculative loading ?
Depuis avril 2025, WordPress 6.8 intègre nativement la fonctionnalité de speculative loading, auparavant disponible uniquement via le plugin officiel Performance Lab.
Le speculative loading consiste à précharger ou prérendre des pages que l’utilisateur est susceptible de visiter, avant même qu’il ne clique sur un lien. Cela se traduit par une navigation plus fluide et un temps de chargement presque instantané.
Un impact réel sur les performances
D’après les tests menés par l’équipe WordPress, cette fonctionnalité permet un gain médian de +1,9 % sur le LCP (Largest Contentful Paint).
Le LCP est une métrique Core Web Vitals qui mesure le temps nécessaire pour que l’élément principal d’une page s’affiche. Un bon score de LCP est essentiel pour offrir une expérience rapide à vos utilisateurs.
Comment fonctionne le speculative loading ?
Depuis la version 6.8, WordPress permet d’anticiper les actions des visiteurs en utilisant le chargement spéculatif. Cette fonctionnalité repose sur deux éléments clés : les modes de chargement et les niveaux d’empressement (eagerness), qui peuvent être combinés selon vos objectifs de performance.
Les 2 modes de speculative loading :
- Preload (préchargement partiel) : ce mode charge en arrière-plan certaines informations d’une page, principalement le HTML. Il ne déclenche pas le rendu ni l’exécution de scripts. C’est une option légère, utile pour accélérer le début du chargement sans aller trop loin. Parfait pour les sites où les ressources sont limitées.
- Prerender (prérendu complet) : ce mode charge entièrement la page cible (HTML, CSS, JS, images…) avant même que l’utilisateur ne clique sur le lien. Lorsqu’il clique, la page s’affiche instantanément, car tout est déjà prêt. C’est la meilleure option en termes de fluidité et d’expérience utilisateur.
Le prérendu est plus rapide et idéal pour les pages statiques, pages de vente ou d’inscription. Mais attention à la consommation de ressources inutile si les pages préchargées ne sont jamais visitées.
⚠️ Le préchargement est plus prudent, idéal pour des contextes à faible bande passante, ou quand le site est très dynamique ou sensible (ex. : back-office, contenus mis à jour fréquemment).
Ces deux modes fonctionnent avec des déclencheurs comportementaux appelés niveaux d’empressement, que nous verrons dans la prochaine section.
Les 3 niveaux d’empressement (eagerness) :
- Conservative : déclenche le chargement uniquement au clic
- Moderate : déclenche au survol du lien
- Eager : déclenche dès qu’un lien est détecté
Dans cet article, nous vous recommandons la combinaison « Prerender + Moderate », idéale pour charger rapidement les pages réellement susceptibles d’être visitées, sans gaspiller de ressources.
Concrètement, cela signifie que lorsqu’un utilisateur survole un lien sur votre site, la page ciblée commence déjà à se charger en arrière-plan. C’est plus intelligent que le système de cache classique, car il se base sur une intention de clic détectée par le comportement du visiteur.
Le préchargement est un chargement partiel (HTML uniquement), tandis que le prérendu effectue un chargement complet, y compris les ressources (JS, CSS, images, etc.).
Quels sont les avantages du speculative loading ?
- Vitesse de navigation améliorée : vos visiteurs perçoivent une navigation ultra fluide.
- Optimisation ciblée : seules les pages utiles sont préchargées.
- Amélioration des métriques SEO (LCP, CLS, etc.)
- Chargement intelligent : basé sur le comportement utilisateur (survol, clic, etc.)
Mais attention, cette fonctionnalité a aussi quelques limites.
Les inconvénients à connaître
1. Surconsommation de données pour l’utilisateur
Le speculative loading peut entraîner une utilisation excessive des données mobiles si trop de pages sont préchargées ou prérendues. C’est un aspect important à prendre en compte surtout pour les visiteurs sur smartphone ou avec une connexion limitée.
2. Surcharge serveur inutile
Votre serveur peut recevoir des requêtes pour des pages qui ne seront jamais consultées, ce qui augmente inutilement la consommation de bande passante et les ressources processeur, surtout sur les sites à fort trafic.
3. Compatibilité navigateur limitée
Actuellement, cette fonctionnalité n’est pas encore prise en charge par Safari ni Firefox. Elle est néanmoins supportée par Chrome et d’autres navigateurs Chromium. L’absence de support ne casse pas votre site, mais réduit simplement la portée du bénéfice.
4. Conflits potentiels avec certains plugins
Certains plugins dépendent de scripts qui s’exécutent uniquement après le chargement complet d’une page (cookies, démarrage de session, redirections, etc.). Le speculative loading peut les déclencher prématurément, provoquant des erreurs ou des comportements inattendus.
Les développeurs doivent mettre à jour leurs plugins pour les adapter à cette fonctionnalité. En attendant, il est recommandé de tester vos plugins ou de désactiver temporairement le speculative loading en cas de conflit.
5. Potentiel de diffusion de contenu obsolète
Sur les sites dynamiques ou d’actualités, il peut arriver qu’un utilisateur survole un lien, que la page soit prérendue, puis que le contenu soit mis à jour entre-temps. En cliquant sur le lien, il verra l’ancienne version stockée temporairement. Cela peut poser problème sur les contenus très sensibles au temps réel.
Comment activer le speculative loading ?
Bien que la fonctionnalité soit native dans WordPress 6.8, son contrôle avancé nécessite l’installation du plugin Performance Lab.
Étapes :
- Allez dans « Extensions (dans le tableau de bord WordPress) » > « Ajouter »
- Recherchez Performance Lab
- Installez et activez le plugin
- Accédez à « Réglages » > « Performances »
- Descendez jusqu’à la section « Speculative Loading »
La fonctionnalité est activée par défaut. Grâce au plugin, vous pourrez affiner son comportement (mode, niveau d’eagerness, exclusions, etc.).
Tutoriel vidéo – Activation & configuration pas à pas
Vous préférez suivre un tutoriel en vidéo pour voir concrètement comment activer, configurer et tester le speculative loading sur votre site WordPress ?
👉 Regardez la vidéo ci-dessous :
📌 Dans cette vidéo, je vous montre en temps réel :
- L’installation du plugin Performance Lab
- L’accès au menu des réglages
- La configuration recommandée (mode + niveau d’empressement)
- Comment vérifier si cela fonctionne bien via Chrome
Comment exclure des URL du chargement spéculatif ?
Vous pouvez exclure certains chemins d’URL grâce au filtre suivant :
function my_excluded_speculation_paths( $exclude_paths ) {
$exclude_paths[] = '/custom-post-type/.*';
return $exclude_paths;
}
add_filter( 'wp_speculation_rules_href_exclude_paths', 'my_excluded_speculation_paths' );Ce filtre vous permet de désactiver le chargement spéculatif sur certaines sections de votre site, comme l’administration ou des contenus personnalisés.
Comment ajouter des règles personnalisées ?
Vous pouvez utiliser le hook wp_load_speculation_rules et la classe WP_Speculation_Rules pour définir des règles spécifiques :
function my_add_custom_speculation_rules( $speculation_rules ) {
if ( ! is_a( $speculation_rules, 'WP_Speculation_Rules' ) ) return;
$speculation_rules->add_rule(
'prerender',
'custom-prerender-rule',
[
'source' => 'list',
'urls' => ['/black-friday-sale/'],
'eagerness' => 'eager',
'priority' => 1,
'options' => [
'allow-credentials' => true,
'allow-redirects' => true,
],
]
);
}
add_action( 'wp_load_speculation_rules', 'my_add_custom_speculation_rules' );Utile pour les promotions ou pages prioritaires comme les campagnes marketing.
Comment vérifier que le speculative loading fonctionne ?
- Ouvrez Chrome
- Visitez votre site en mode déconnecté (non connecté à l’admin)
- Faites un clic droit > Inspecter
- Allez dans l’onglet « Application » > « Charges spéculatives »
- Vérifiez les règles actives et pages préchargées
Vous pouvez aussi utiliser l’onglet « Network » pour voir les requêtes qui se déclenchent au survol.
Comment désactiver complètement la fonctionnalité ?
Ajoutez le code suivant dans le fichier functions.php de votre thème enfant :
add_filter( 'wp_speculation_rules_configuration', '__return_null' );Ou utilisez le plugin Code Snippets pour éviter d’éditer les fichiers du thème.
Bonnes pratiques de configuration
- Activez la fonctionnalité uniquement sur les pages à fort trafic (accueil, pages de vente)
- Préférez le mode « Prerender » avec « Moderate » comme niveau d’eagerness
- Désactivez-le sur les tableaux de bord, pages de connexion, ou formulaires
- Évitez l’option « Eager » sur les sites complexes avec JavaScript lourd
Conclusion
Le chargement spéculatif dans WordPress 6.8 est une innovation puissante pour améliorer la rapidité et l’expérience de navigation de votre site. Il réduit les délais de chargement perçus, tout en s’adaptant aux intentions de vos visiteurs.
Mais il faut l’utiliser avec précaution. Mauvais réglage = gaspillage de bande passante, surcharge serveur, conflits.
Avec ce guide, vous avez maintenant tout ce qu’il faut pour tirer parti de cette fonctionnalité, tout en évitant les erreurs classiques.
Si cet article vous a été utile, partagez-le à d’autres créateurs de site ou posez vos questions en commentaire !