Table des matières
Mis à jour le
Vous vous souvenez de la manière dont les équipes de Formule 1 gagnent des courses ? Ce n’est pas grâce à un seul grand changement, mais plutôt à une multitude de petites améliorations qui s’additionnent sur le long terme. Notre nouvelle version majeure reflète une fois de plus cette vision d’optimisations incrémentales et intelligentes : découvrez WP Rocket 3.19 !
Notre dernière version se concentre sur l’amélioration de deux fonctionnalités pour les rendre accessibles à tous, quel que soit leur niveau technique. Nous avons transformé des processus complexes, qui nécessitaient auparavant une optimisation manuelle page par page pour être efficaces, en fonctionnalités qui font des miracles dans l’ombre.
Résultat ? WP Rocket 3.19 offre une meilleure expérience utilisateur à vos visiteurs grâce à une stabilité accrue de la mise en page et à la prévention des décalages de contenu, tout en augmentant la vitesse perçue et en améliorant la note du Largest Contentful Paint (LCP).
Chez WP Rocket, nous pensons que tout le monde mérite un site rapide ; c’est pourquoi nous cherchons constamment à simplifier l’optimisation de la vitesse tout en veillant à ce que tous nos clients bénéficient de fonctionnalités puissantes.
Prêt·e à découvrir comment ces améliorations simples et intelligentes peuvent améliorer les performances de votre site ? Plongez dans les détails de WP Rocket 3.19 ou regardez la vidéo ci-dessous.
Ce que propose WP Rocket 3.19
WP Rocket 3.19 introduit deux améliorations qui fonctionnent en arrière-plan pour booster les performances de votre site.
La première concerne le Préchargement des polices : la fonctionnalité garde le même nom mais change de mode de fonctionnement et d’emplacement, comme vous le lirez ci-dessous.
La seconde vise à automatiser la fonctionnalité de Préchargement des requêtes DNS, renommée « Préconnexion aux domaines externes », qui a été retirée de l’interface du plugin – vous découvrirez la raison de ce choix dans la section dédiée.
Préchargement des polices en un clic
Prenons un peu de recul pour comprendre ce qu’est le préchargement des polices et pourquoi cela compte pour les performances de votre site.
Explication du préchargement des polices
Le préchargement des polices est une technique d’optimisation puissante qui améliore la rapidité et la fluidité de l’affichage du texte sur votre site.
Voici pourquoi : lorsqu’un visiteur arrive sur votre site, son navigateur doit non seulement charger le contenu de vos pages, mais aussi les polices associées. Sans préchargement, voici ce qui se passe généralement :
- Le navigateur commence à afficher votre texte avec une police par défaut.
- Il découvre ensuite dans votre CSS qu’il doit charger une police personnalisée ; celle que vous avez choisie.
- Une fois la police personnalisée chargée, le texte change pour utiliser cette nouvelle police à la place de la police par défaut.
Ce processus peut provoquer ce qu’on appelle un « Flash of Unstyled Text » (FOUT), c’est-à-dire un bref moment où votre texte change soudainement d’apparence au chargement de la police personnalisée.
Vous pouvez deviner la suite : la mise en page de votre page a tendance à bouger. Ce décalage est non seulement désagréable visuellement, mais peut aussi nuire à la note Cumulative Layout Shift (CLS), l’une des Core Web Vitals de Google.
Le préchargement des polices permet de résoudre ce problème en indiquant au navigateur que vos polices personnalisées sont importantes et doivent être téléchargées immédiatement, avant même l’analyse complète du CSS. Résultat : la police personnalisée est plus susceptible d’être prête lorsque le navigateur affiche le texte pour la première fois, ce qui réduit ou élimine le changement de police et assure une mise en page plus stable.
Pourquoi précharger les polices ?
L’avantage de précharger les polices et d’éviter des décalages de mise en page est directement lié à l’amélioration de l’expérience utilisateur, ce qui signifie faire une bonne première impression, inciter vos visiteurs à rester sur votre site et, potentiellement, convertir.
De plus, le préchargement des polices peut aussi améliorer votre note Largest Contentful Paint (LCP), une autre Core Web Vital qui mesure la rapidité d’affichage du plus grand élément de contenu de votre page. Plus précisément, le préchargement des polices peut optimise la performance LCP lorsque l’élément LCP est un nœud de texte – ce qui concerne en moyenne 20 % des sites web, mobiles et desktop confondus.
3.19 : Découvrez la nouvelle fonctionnalité de préchargement des polices
Bien que le préchargement des polices puisse apporter ces gains significatifs de performance, nous avons constaté que nos clients utilisaient peu cette fonctionnalité ou qu’elle n’était pas toujours correctement mise en œuvre. Au contraire : le préchargement des polices s’avérait contre-productif en termes de performances. C’est pourquoi nous avons voulu rendre cette option plus simple et accessible à tous nos clients, tout en réduisant les erreurs d’implémentation.
Et nous y voilà : WP Rocket 3.19 automatise le Préchargement des polices, activable en un clic.
Il n’est plus nécessaire d’identifier manuellement les URLs des fichiers de polices à précharger. Après activation, WP Rocket détecte automatiquement, sur chaque page, les polices utilisées au-dessus de la ligne de flottaison qui doivent être prioritaires, tant sur mobile que sur desktop. Seules ces polices pertinentes sont préchargées, pour une optimisation plus précise et efficace.
Cette optimisation fait la différence, car précharger des ressources inutilisées peut nuire aux performances. Par exemple, si une police préchargée n’est pas utilisée dans les premières secondes du chargement, des navigateurs comme Chrome peuvent afficher un avertissement. En se concentrant uniquement sur les polices vraiment nécessaires au-dessus de la ligne de flottaison, la nouvelle option de Préchargement des polices vous aide à éviter ces potentiels problèmes et garantit un préchargement optimal des polices.
Veuillez noter que la nouvelle fonctionnalité se trouve désormais dans l’onglet « Médias ».
Si vous aviez déjà spécifié des polices manuellement, l’option automatisée sera activée par défaut.
💡 En résumé : la nouvelle fonctionnalité de Préchargement des polices optimise automatiquement le chargement des polices, garantissant une expérience plus fluide à vos visiteurs dès leur arrivée sur votre site ; et cela en un seul clic.
Préconnexion aux domaines externes : un tout nouveau processus automatisé
Comme pour la fonctionnalité précédente, commençons par expliquer brièvement l’impact de la préconnexion aux domaines externes sur la vitesse de votre site.
La Préconnexion aux domaines externes en termes simples
La préconnexion aux domaines externes est une technique d’optimisation puissante qui améliore le chargement des ressources.
Lorsque votre site doit charger des ressources (polices,scripts) depuis des domaines externes, le navigateur doit généralement commencer par établir une connexion avec ces domaines. Cela peut retarder inutilement le processus de téléchargement des ressources externes et avoir un impact sur les mesures spécifiques dépendantes de ces ressources externes.
La préconnexion résout ce problème en indiquant à l’avance au navigateur les domaines qui seront nécessaires. Elle permet de mettre en place ces connexions plus tôt et de réduire le temps de chargement des ressources externes.
Cette optimisation apporte deux avantages :
- Un meilleur temps de chargement : en préparant les connexions à l’avance, votre site peut commencer à charger les ressources externes plus rapidement ; et également charger plus vite les pages.
- Une meilleure performance LCP : si votre élément LCP est une police provenant d’un domaine tiers, la préconnexion peut accélérer son chargement et améliorer la note LCP.
Version 3.19 : Du « Préchargement des requêtes DNS » à la « Préconnexion aux domaines externes »
Nous avons constaté que la fonctionnalité de Préchargement des requêtes DNS était peu utilisée et souvent mal appliquée. C’est pourquoi nous avons décidé de l’automatiser, de la retirer de l’interface WP Rocket et de la renommer « Préconnexion aux domaines externes ».
Avec WP Rocket 3.19, cette optimisation puissante fonctionne en arrière-plan et n’a plus besoin d’être activée. Vous ne trouverez donc plus cette option dans les réglages.
À retenir :
- Il s’agit d’un processus 100% automatisé : plus besoin d’identifier manuellement les domaines à inclure en paramétrant l’optimisation. WP Rocket s’en charge désormais automatiquement.
- Elle s’applique uniquement sur les pages où c’est nécessaire, sur mobile comme sur desktop, pour une approche plus ciblée, efficace et constante sur tous les appareils.
Comme expliqué ci-dessus, cette fonctionnalité permet d’accélérer le chargement des pages et d’améliorer la note LCP sans avoir à lever le petit doigt.
Si vous souhaitez désactiver cette fonctionnalité, il vous faudra appliquer le filtre suivant :
add_filter('rocket_preconnect_external_domains_optimization', '__return_false'); Nous recommandons de la désactiver uniquement si votre site utilise plus de 10 domaines à précharger. Dans ce cas particulier, il vaut mieux laisser le navigateur gérer le processus. En général, il n’y a que quelques domaines externes par page. Vous pouvez vérifier si ce cas s’applique à votre site en consultant le code source de votre page et en comptant les occurrences de data-rocket-preconnect.
💡 En résumé : la fonctionnalité Préconnexion aux domaines externes est une nouvelle amélioration automatisée qui accélère les connexions entre votre site et les ressources externes tout en éliminant les risques de mauvaise implémentation.
Performances affinées : les optimisations automatiques en action
Puisque nous parlons des fonctionnalités WP Rocket qui fonctionnent automatiquement, la Préconnexion aux domaines externes est la dernière en date et s’ajoute à celles déjà en place :
- Mise en cache des pages (y compris sur mobile)
- Cache navigateur
- Compression GZIP
- Prise en charge des polices web en cross-origin
- Cache des fragments de panier WooCommerce
- Optimisation des Google Fonts
- Désactivation des emojis WordPress
Toutes ces fonctionnalités n’ont pas d’interface utilisateur : elles fonctionnent simplement. Rassurez-vous, vous pouvez toujours les désactiver à l’aide d’un filtre ou d’un plugin d’aide si besoin.
Ces fonctionnalités automatisées s’ajoutent aux options qui s’activent dès que vous lancez WP Rocket, comme la Minification CSS/JS, la durée de vie du cache, le Préchargement du cache, le Préchargement des liens et le Contrôle Heartbeat.
Pas étonnant que votre site gagne en rapidité dès l’activation de notre plugin ! 🚀
Si vous êtes curieux de l’impact réel de ces automatisations, gardez à l’esprit que les résultats peuvent varier selon les spécificités de votre site. Même si WP Rocket 3.19 apporte de nouvelles améliorations, les gains de performance s’ajoutent à ceux déjà obtenus grâce à nos fonctionnalités existantes.
Conclusion
WP Rocket 3.19 renforce notre engagement à suivre l’approche « des décisions, pas des options » et à transformer des optimisations complexes en processus automatisés. Nous nous efforçons de faire les bons choix pour que vous n’ayez pas à passer du temps à essayer de comprendre ce qui est le mieux pour votre site.
Nous supprimons progressivement les obstacles à la haute performance, pour que plus d’utilisateurs bénéficient d’optimisations avancées… Et ce n’est que le début !
🎯 Prêt·e à voir comment ces nouvelles fonctionnalités automatisées peuvent aider votre site ? Mettez à jour vers WP Rocket 3.19 ou essayez-les avec notre garantie satisfait ou remboursé de 14 jours. Découvrez par vous-même comment nous simplifions l’optimisation et partagez vos retours dans les commentaires !
