WordPress a publié un plugin officiel qui ajoute la prise en charge d'une technologie de pointe appelée chargement spéculatif qui peut aider à améliorer les performances du site et à améliorer l'expérience utilisateur des visiteurs du site.
- WordPress lance un nouveau plugin de performance pour améliorer les temps de chargements sur les sites
- Ce plugin utilise la technologie du chargement spéculatif pour pré-afficher des pages Web avant même que l'utilisateur ne clique sur un lien
- L'API utilisée permet de pré-renderiser toute la page, y compris le code JavaScript, pour des temps de chargements quasi instantanés
- Ce plugin est compatible avec Chrome 108 et supérieur et peut être configuré dans les paramètres WordPress.
Chargement spéculatif
Le rendu signifie construire la page Web entière pour qu'elle s'affiche instantanément (rendu). Lorsque votre navigateur télécharge le code HTML, les images et d'autres ressources et les rassemble dans une page Web, c'est le rendu. Le prérendu consiste à assembler cette page Web (à la restituer) en arrière-plan.
Ce plugin permet au navigateur de pré-afficher l'intégralité de la page Web vers laquelle un utilisateur pourrait naviguer ensuite. Le plugin fait cela en anticipant la page Web vers laquelle l'utilisateur peut accéder en fonction de l'endroit où il survole.
L'API de chargement spéculatif résout un problème que les solutions précédentes ne pouvaient pas résoudre, car dans le passé, elles prélevaient simplement des ressources telles que JavaScript et CSS, mais ne pré-rendaient pas réellement la page Web entière.
L’annonce officielle de WordPress l’explique ainsi :
Présentation de l'API des règles de spéculation
L'API Speculation Rules est une nouvelle API Web qui résout les problèmes ci-dessus. Il permet de définir des règles pour pré-extraire et/ou pré-afficher dynamiquement des URL d'une certaine structure en fonction de l'interaction de l'utilisateur, dans la syntaxe JSON — ou en d'autres termes, précharger de manière spéculative ces URL avant la navigation. Cette API peut être utilisée, par exemple, pour pré-afficher tous les liens sur une page chaque fois que l'utilisateur les survole.
La page officielle WordPress sur cette nouvelle fonctionnalité la décrit :
« L'API Speculation Rules est une nouvelle API Web… Elle permet de définir des règles pour pré-extraire et/ou pré-afficher dynamiquement des URL d'une certaine structure en fonction de l'interaction de l'utilisateur, dans la syntaxe JSON – ou en d'autres termes, précharger de manière spéculative ces URL avant la navigation.
Cette API peut être utilisée, par exemple, pour pré-afficher des liens sur une page chaque fois que l'utilisateur les survole. De plus, avec l'API Speculation Rules, « pré-rendu » signifie en fait pré-afficher la page entière, y compris l'exécution de JavaScript. Cela peut entraîner des temps de chargement quasi instantanés une fois que l'utilisateur clique sur le lien, car la page aurait probablement déjà été chargée dans son intégralité. Mais ce n’est qu’une des configurations possibles.
Le nouveau plugin WordPress ajoute la prise en charge de l'API Speculation Rules. Les pages des développeurs Mozilla, une excellente ressource pour la compréhension technique du HTML, le décrivent ainsi :
« L'API Spéculation Rules est conçue pour améliorer les performances des navigations futures. Il cible les URL de documents plutôt que des fichiers de ressources spécifiques, et est donc logique pour les applications multipages (MPA) plutôt que pour les applications monopages (SPA).
L’API des règles de spéculation offre une alternative à la fonctionnalité largement disponible et est conçue pour remplacer la fonctionnalité obsolète uniquement pour Chrome. Il apporte de nombreuses améliorations par rapport à ces technologies, ainsi qu'une syntaxe plus expressive et configurable pour spécifier quels documents doivent être préchargés ou pré-rendus.
Voir également: Les sites Web deviennent-ils plus rapides ? De nouvelles données révèlent des résultats mitigés
Plugin de laboratoire de performances
Le nouveau plugin a été développé par l’équipe officielle de performance de WordPress qui déploie occasionnellement de nouveaux plugins que les utilisateurs peuvent tester avant une éventuelle inclusion dans le noyau WordPress actuel. C'est donc une bonne occasion d'être le premier à essayer de nouvelles technologies performantes.
Le nouveau plugin WordPress est configuré par défaut pour pré-afficher les « URL d'interface WordPress » qui sont des pages, des articles et des pages d'archives. Son fonctionnement peut être affiné dans les paramètres :
Paramètres > Lecture > Chargement spéculatif
L'API spéculative est prise en charge par Chrome 108, mais les règles spécifiques utilisées par le nouveau plugin nécessitent Chrome 121 ou supérieur. Chrome 121 est sorti début 2024.
Les navigateurs qui ne le prennent pas en charge ignoreront simplement le plugin et n'auront aucun effet sur l'expérience utilisateur.
Découvrez le nouveau plugin WordPress à chargement spéculatif développé par l'équipe de performance principale officielle de WordPress.
Téléchargez le plug-in :
Plugin de chargement spéculatif par l'équipe WordPress Performance
Lire l'annonce sur WordPress
Chargement spéculatif dans WordPress
Voir également: WordPress, Wix et Squarespace affichent le meilleur taux d'amélioration CWV
FAQ
Quels sont les outils d'analyse de performance pour les plugins WordPress ?
Il existe plusieurs outils d'analyse de performance disponibles pour les plugins WordPress. Parmi eux, nous pouvons citer Google PageSpeed Insights qui analyse la vitesse de chargement du site et préconise des améliorations.
GTmetrix permet également de mesurer les performances en termes de temps de chargement et propose des solutions pour optimiser le site. D'autres outils tels que Pingdom ou WebPageTest peuvent également être utilisés pour évaluer la vitesse et l'efficacité des plugins. Enfin, l'utilisation d'un plugin comme P3 (Plugin Performance Profiler) peut vous aider à identifier les extensions qui ralentissent votre site WordPress.
Comment optimiser la performance des plugins sur WordPress ?
Pour optimiser la performance des plugins sur WordPress, il est recommandé de limiter leur utilisation en privilégiant ceux qui sont réellement nécessaires. Il est également important de régulièrement mettre à jour les plugins pour bénéficier des dernières améliorations et corriger les bugs éventuels.
De plus, il faut veiller à bien choisir des plugins de qualité, vérifier leur compatibilité avec la version de WordPress utilisée et éviter d'en installer trop en même temps. Enfin, l'utilisation de caches et d'outils d'optimisation peut aussi contribuer à améliorer les performances du site.
Qu'est-ce que le plugin P3 (Plugin Performance Profiler) de WordPress ?
Le plugin P3 (Plugin Performance Profiler) de WordPress est un outil utilisé pour évaluer les performances des plugins installés sur un site WordPress. Il permet de détecter les extensions qui ralentissent le chargement du site et d'identifier celles qui consomment trop de ressources. Grâce à ses rapports détaillés, il aide les utilisateurs à optimiser la vitesse et la fiabilité de leur site en leur suggérant des alternatives aux plugins problématiques.
Avec P3, il est possible d'améliorer considérablement l'expérience utilisateur sur sa plateforme WordPress en veillant à une utilisation efficace des plugins.
Existe-t-il un plugin de test de performance pour WordPress ?
Oui, il existe plusieurs plugins de test de performance pour WordPress. Ces plugins permettent d'évaluer la vitesse et l'efficacité du site, en identifiant les éventuels problèmes à résoudre pour améliorer ses performances. Certains plugins sont gratuits tandis que d'autres nécessitent un abonnement ou un achat.
Il est recommandé de tester différentes options pour trouver le plugin qui convient le mieux aux besoins et objectifs du site en question.
Y a-t-il un addon WordPress pour surveiller la performance du site ?
Oui, il existe plusieurs addons WordPress qui permettent de surveiller la performance d'un site. Parmi les plus populaires, on retrouve Google Analytics, WP Rocket ou encore Yoast SEO. Ces addons offrent des fonctionnalités telles que le suivi du trafic, l'optimisation des temps de chargement et l'amélioration du référencement pour assurer une meilleure performance du site.
Il est donc important de choisir celui qui répond le mieux à vos besoins en termes de surveillance et d'optimisation de votre site WordPress.
