Pour la rentrée, WP Rocket, le meilleur plugin de cache du marché, vous propose une mise à jour qui accélère davantage votre site. Cette version 3.7 de la fusée est pourvue de nouvelles améliorations et pas des moindres. Dans cet article, on vous explique tout de la dernière version du plugin WP Rocket et ce qui lui permet d’accélérer encore plus votre site internet.
Report de l’exécution JS et préchargement des liens ne vous disent rien du tout ? Pas de panique, en tant que développeur web spécialisé dans la création de sites internet, mais également l’audit SEO, je vous apporte mon expertise sur le sujet avec un article simple à comprendre.
WP Rocket, le meilleur plugin de mise en cache
Si vous ne le saviez pas encore, WP Rocket est le plugin de mise en cache pour site WordPress le plus efficace du marché. Je vous avais proposé un guide pour tout savoir de WP Rocket qui vous permet de comprendre les bases du plugin et vous indique les réglages les plus adaptés à votre site.
Si vous savez déjà qu’il s’agit du meilleur plugin pour atteindre une bonne vitesse de chargement des pages de votre site web, vous pouvez passer directement à l’étape suivante. Pour installer le plugin, il faudra vous rendre sur la page dédiée du site de l’entreprise et télécharger WP Rocket.
Une fois installé, suivez les recommandations de mon guide pour le paramétrer.
La mise à jour de WP Rocket 3.7
Pour être efficace, un plugin se doit de se renouveler. Les mises à jour permettent de corriger les éventuels dysfonctionnements, mais également de s’adapter aux exigences changeantes des utilisateurs et des moteurs de recherche. Cette nouvelle version majeure du plugin WP Rocket propose un enrichissement de plusieurs de ses fonctionnalités essentielles.
Deux d’entre elles permettent de considérablement améliorer le score PageSpeed (outil de diagnostic de vitesse d’un site internet) :
- Le report de l’exécution du JavaScript
- Le préchargement des liens
Les développeurs de WP Rocket ont également opté pour la suppression de certaines options du backend du plugin. Cela permet de simplifier l’interface utilisateur sans pour autant faire perdre de fonctionnalités à votre accélérateur de site internet.
Report de l’exécution JS (JavaScript)
Si vous vous intéressez à la vitesse de chargement de votre site internet, vous avez forcément déjà entendu parler de Lazy Loading. En quelques mots, il s’agit de ne charger un fichier que lorsque l’utilisateur de votre site en a réellement besoin. En ce qui concerne les images par exemple, le Lazy Loading permet de les afficher uniquement quand l’utilisateur se trouve sur leur position à l’écran.
Avec la mise à jour 3.7 de WP Rocket, ce système de report d’affichage est appliqué à l’intégralité des fichiers JavaScript qui composent votre site web. Tous les scripts ne sont pas nécessaires à l’affichage d’une page dès son ouverture. En reportant ces scripts, WP Rocket améliore le temps de chargement de la page concernée.
Prenez l’affichage d’un popup qui invite les utilisateurs de s’abonner à votre newsletter par exemple. Ce type de popup est généralement affiché au moins après 30 secondes de visite afin de laisser le temps à l’internaute de juger de la qualité de votre site. Il n’est pas pertinent que le script d’affichage de ce popup soit déclenché dès l’affichage du site. Avec le report de l’exécution JS de la dernière mise à jour WP Rocket 3.7, le script est reporté et vous gagnerez en performance d’affichage à l’ouverture du site.
Fonctionnement du report de l’exécution JS
Il vous faudra activer manuellement cette commande dans le plugin WP Rocket pour qu’il reporte de lui-même l’exécution du JavaScript. Pour cela, il suffit de vous rendre dans l’onglet « Optimisation des fichiers ». Le plugin WP Rocket mettra à disposition une zone de texte dans laquelle vous pourrez entrer manuellement les scripts que vous souhaiterez reporter.
Si vous ne vous y connaissez pas vraiment en code et en JavaScript, une option « Reporter l’exécution du JavaScript » contient des éléments à reporter qui n’affecteront pas le bon fonctionnement de votre site web. Il s’agit de fichiers JS qui sont assez fréquents.
Vous avez donc le choix entre la saisie manuelle des fichiers JS à reporter ou bien une liste intuitive suggérée par WP Rocket. Sachez que lorsque vous entrez les mots clés permettant d’identifier les fichiers qui nécessitent d’être reportés, le plugin s’occupe d’analyser tout le contenu du site (pages, URL…) tout seul pour les trouver. Attention à bien choisir des mots clés uniques pour ne pas induire WP Rocket en erreur dans l’identification des scripts à retarder.
Pour vous aider, voici une liste des scripts que les développeurs de WP Rocket ont choisi de reporter et qui n’entrainent aucun risque sur le fonctionnement du site :
- Google Analytics
- Olark Chat
- OptinMonster
Vous pouvez supprimer un de ces scripts s’il pose des problèmes à votre site en un rien de temps.
Quels résultats espérer de cette nouvelle option de WP Rocket ?
Il est strictement impossible d’annoncer de chiffres précis applicables à tous les sites internet. Cependant, les résultats obtenus sur le site de WP Rocket parlent d’eux même. Le score Page Speed sur version mobile est passé de 46 à 86 ! Le temps de chargement a lui évolué de 2,6 secondes avant la mise à jour à 0,9 seconde après l’installation de la version 3.7 de WP Rocket.
Du côté de l’outil de mesure de vitesse de site internet GT Metrix, la valeur de YSlow Score est passée de 77% (note C) à 99% (note A).
Vous noterez qu’avec l’importance de plus en plus grande de la vitesse de chargement d’un site sur mobile, ces performances font de cette mise à jour un élément capital dans le SEO de votre site internet.
Le préchargement des liens
Il existe une multitude de techniques pour rendre votre site plus rapide à charger et plus performant. WP Rocket fait partie des plugins les plus efficaces et les plus accessibles aux non-initiés. Il offre également la possibilité à ceux qui en ont les compétences de rentrer dans le vif du sujet de manière pointue. Saviez-vous que WP Rocket peut rendre donner à votre site l’apparence d’un chargement plus rapide que ce qu’il est ?
La performance perçue correspond à la mesure de rapidité avec laquelle les utilisateurs estiment que votre site internet évolue. Il ne s’agit donc pas de la mesure d’un outil informatique mesurant la vitesse de chargement, mais bien une donnée basée sur l’expérience utilisateur uniquement.
Autre grande avancée de cette mise à jour 3.7 du plugin WP Rocket, le préchargement des liens. Cette fonctionnalité permet d’améliorer la performance perçue.
Fonctionnement de l’option préchargement des liens
Le préchargement de liens est à l’origine un mécanisme utilisé par le navigateur afin de transformer le temps disponible pour télécharger ou précharger à l’avance les documents de la page qui sont susceptibles de défiler ensuite. Lorsque vous ouvrez une page web, elle fournit au navigateur des cibles à précharger. Lorsque le navigateur a terminé le chargement de la page, il entame, de manière tout à fait transparente et sans impact sur l’expérience utilisateur, le chargement des documents renseignés et les stocke dans son cache. Dès lors que l’utilisateur visite ces documents, ils sont délivrés très rapidement par le navigateur.
WP Rocket et sa version 3.7 vont utiliser une stratégie de recherche en amont afin d’anticiper la page suivante de chaque utilisateur. Ainsi, il sera en mesure d’en voir le contenu sans délai, de manière instantanée. Vous l’aurez compris, WP Rocket anticipe le comportement des utilisateurs en fonction des mouvements de sa souris. Lorsqu’ils s’apprêtent à cliquer sur un lien, en touchent un ou zooment, le plugin détecte tout intérêt pour une URL et lance son préchargement automatique.
Pour activer le préchargement des liens, il y une case à cocher dans l’onglet « Préchargement » des réglages du plugin. Afin d’éviter les mauvaises surprises, les développeurs de WP Rocket ont mis au point une liste d’URL qui le plugin exclut de ses préchargements. Il s’agit de :
- Toutes les URL wp-admin ou autres pages de connexion et déconnexion
- Les URL déjà exclues du cache via les réglages du plugin
- Les liens vers des images
- Tous les liens comprenant une chaîne de recherche ou une ancre
- L’ensemble des URL externes
Pour le moment, cette fonctionnalité ne marche qu’avec Google Chrome. Safari, Opera, Internet Explorer ou Edge ne supportent pas encore le préchargement des liens. Mozilla Firefox fait une requête de prérecherche, or il y a un problème qui bloque la page préchargée.
Amélioration Core Web Vitals
L’évolution des Google Core Web Vitals a été suivie de près par les développeurs de WP Rocket ces derniers mois. Avec la version 3.7 du plugin de mise en cache, une considérable amélioration des Core Web Vitals est mise en place. En évitant le « flash de texte invisible », l’application permet de rendre encore meilleure l’expérience utilisateur. Vos pages web se chargent plus rapidement sans attendre que la police soit totalement téléchargée.
Les critères de vitesses comme le First Contentful Paint et Time to Interactive sont également améliorés dans cette dernière version du plugin.
Prochaine mise à jour WP Rocket ?
De nombreuses autres fonctionnalités devraient voir le jour dans les prochaines versions du plugin WP Rocket. Notamment, la suppression du CSS inutilisé ou le chargement asynchrone des polices afin d’optimiser totalement le chargement des pages et le rendu des WebFont. L’interface utilisateur devrait également gagner en clarté. Le but étant de rendre l’utilisation de l’outil très simple et accessible à tous.
C’est pour cela que vous ne voyez plus les options permettant d’optimiser les Google Fronts ou d’optimiser le HTML.
Optimisation des Google Fonts
L’option permettant d’optimiser les Google Fonts est désormais automatiquement active dans WP Rocket. La raison en est très simple : 94 % des utilisateurs conservaient cette option cochée, ceux pour qui ce n’est pas le cas n’utilisent probablement pas de police Google sur leur site web. Il n’y a que très peu d’incompatibilité avec cette fonctionnalité et cela simplifie donc l’interface de la faire disparaître et la maintenir active en permanence. Si vous l’aviez désactivée et souhaitez la rendre active, il faut vous rende dans l’onglet Outils et cliquer sur Optimiser les Google Fonts.
Minification du HTML
D’après le site de mesure de vitesse de chargement des sites internet GTMetrix, il n’est plus nécessaire de minifier le code HTML d’un site pour améliorer ses performances. L’outil de mesure, au même titre que Pingdom Tools et PageSpeed Insight, ignore également cette recommandation. Elle a donc semblé superflue aux développeurs de WP Rocket qui ont décidé de la retirer des réglages.
Dernière mise à jour WP Rocket : en bref
Le but de cette mise à jour 3.7 du plugin WP Rocket est purement et simplement accès sur l’amélioration des performances de votre site web et de son Score PageSpeed.
Pour cela, deux fonctionnalités ont été mises en place : le report de l’exécution JS et le préchargement des liens. En deux mots, la première consiste à mettre en place le Lazy Load des fichiers JavaScript. La seconde permet de charger à l’avance les URL susceptibles d’intéresser chaque utilisateur selon son comportement sur la page.
L’interface utilisateur du plugin a également été simplifiée avec la suppression de deux options jugées non indispensables.
Vous n’avez pas encore WP Rocket pour accélérer votre site internet ? Téléchargez dès maintenant le meilleur plugin de cache et d’amélioration de performances pour votre site internet WordPress !
Vous recherchez un développeur web qualifié pour vous aider dans la mise en place ou l’audit de votre site internet sur Marseille, Aix-en-Provence ou à distance ? Je vous propose mes services et surtout mes compétences pour vous venir en aide.