Contexte
Lorsque l'on cherche à rendre son site web efficace, la vitesse de chargement des pages entre forcément dans l'équation à un moment donné. Plus votre contenu s'affichera rapidement, et plus votre site sera performant, ce qui fera plaisir aux moteurs de recherche et améliorera votre positionnement dans les résultats de recherche. Mais même lorsque l'on a minimisé au maximum le poids de sa page, il arrive fréquemment que les performances ne soient pas encore suffisantes, et nuisent à l'expérience utilisateur. C'est là qu'entre en scène la mise en cache.
Comment ça marche ?
En temps normal, lorsqu'un utilisateur clique sur un lien, le navigateur envoie une requète au serveur hébergeant le site en question. Une fois que le serveur a reçu la demande, il va chercher les fichiers correspondants, puis il les envoie, ce qui lance le chargement de la page. Mais lorsque le site est mis en cache, le serveur envoie directement les fichiers qu'il a sauvegardés sans aller les chercher, et avant même que le navigateur en fasse la demande. Le chargement du site commence donc plus tôt, ce qui améliore mécaniquement les performances.
Il est important de noter quue le serveur ne fournit pas le "vrai fichier", car il n'est pas allé le chercher. Il ne fournit qu'une version sauvegardée qu'il a stocké dans un coin pour pouvoir le fournir plus vite. Cela signifie que si le site est modifié, l'internaute ne verra pas les modifications apportées. C'est pour cette raison que les fichiers de cache sont temporaires. Le serveur va mettre à jour régulièrement ses fichiers de cache (plusieurs fois par jour) pour éviter de fournir des fichiers incorrects.
Est-ce que c'est vraiment efficace ?
Oui ! A moins que vous ayez un serveur dédié très performant, votre serveur aura besoin d'un certain temps pour aller chercher les ressources dont il a besoin, même si votre page est légère. l'utilisation de la mise en cache améliorera quasi systématiquement vos performances en permettant un temps de chargement plus rapide de vos pages, et va augmenter votre taux de conversion. Inversement, un site lent à charger ou une page qui met du temps à répondre va pousser vos visiteurs à partir rapidement. C'est que l'on appelle le taux de rebond, à savoir le pourcentage de vos utilisateurs quittant votre site seulement quelques secondes après y être entré. Un fort taux de rebond va impacter votre positionnement web, car Google va considérer que votre site est de mauvaise qualité. En réduisant le temps de chargement des pages, la mise en cache permet donc d'améliorer la qualité de votre site.
A titre d'exemple, nous avons testé les performances de cette page web avec et sans mise en cache en utilisant l'outil Page Speed Insight de Google (noté sur 100) :
Sans mise en cache
Avec mise en cache
Comment activer la mise en cache avec WordPress ?
Sur un site statique, mettre en place un système de mise en cache nécessite de solides connaissances techniques. Heureusement, sur un CMS comme WordPress, nous pouvons utiliser des plugins qui installeront cette technologie facilement et qui augmenteront en un instant vos performances web. Voici quelques-unes des meilleurs options :
Wp Super Cache
C'est le meilleur plugin gratuit dans ce domaine, avec plus de deux millions d'installations gratuites. Ce plugin est entièrement open source, et ne vous coûtera donc pas un centime. Pour les utilisateurs qui ne veulent pas s'embêter, il suffit d'appuyer sur un bouton une fois le plugin installé. Il est également possible de configurer des options plus avancées.
Lien du site : Wp Super Cache
Wp Rocket
Wp Rocket est considéré par beaucoup comme le plugin le plus performant sur le marché dans ce domaine. Cette extension ne se contente pas de gérer la mise cache, mais propose également une foule de services destinés à réduire le poids de votre page, comme la minification des fichiers CSS et Javascript, le chargement des ressources en différé ... Pas d'inquiétude pour les débutants, le plugin propose également une extension extrémement simplifiée pour les utilisateurs cherchant un service simple. Le service est cependant relativement onéreux : à partir de 44€ par an pour un seul site.
Lien du site : Wp Rocket
Swift Performance
Ce plugin est relativement nouveau sur le marché, mais possède un grand nombre de caractéristiques intéressantes. Tout comme WP rocket, il propse tout un tas de service en plus de la mise en cache pour vous permettre d'accélerer votre site. la tarification commence également à 44 € par an, mais il est possible d'opter pour une micro-licence à 18€ par an, ce qui en fait une option intéressante pour les petits sites.
Lien du site : Swift Performance
Réglages liés à la mise en cache
Afin d'optimiser encore plus le temps de chargement des pages et la vitesse d'affichage de toute les ressources, certains outils permettent d'activer des réglages supplémentaires rendant plus efficace le cache web. Faisons le tour des plus utiles. Attention, ces réglages, bien qu'efficaces, peuvent dans certains cas aboutir à des erreurs d'affichage sur votre site. Il est donc important de bien tester chaque réglage séparément.
Minification du code
Le code CSS et le code Javascipt sont généralement les ressources les plus lourdes à mettre en place. La minification consiste à retirer tout les espaces et répétitions dans votre code afin de ne garder que l'essentiel. Cette option est particulièrement efficace si vous avez une grande quantité de code à afficher, comme c'est souvent le cas pour les templates ou les pages avec beaucoup de contenu, car qui dit code moins long dit optimisation de la vitesse de chargement.
Lazyloading
Dans le cas d'un chargement trop long d'une page, la cause est souvent le poids des images, qui peuvent rapidement alourdir votre site. La Lazyload est une option autorisant votre site à charger uniquement les images qui arrivent dans le champ de vision de l'utilisateur. Pour prendre un exemple, si l'internaute regarde le haut d'une page, les images présentes plus bas ne seront pas chargées tant qu'il ne navigue pas jusqu'à leur niveau, et inversement. Ce réglage peut permettre de grandement améliorer le temps de réponse d'une page, mais est à éviter si vous utilisez des images particulèrement lourdes ou s'affichant à la suite de l'activation d'un code Javascript. Dans tous les cas, lors de votre test, si toutes les images ne s'affichent pas comme elles le devraient, n'activez pas ce réglage.
Vider le cache
Même s'il est renouvelé régulièrement, un cache web n'affiche qu'une sauvegarde des fichiers de votre site. Ainsi, si vous modifiez un contenu sur une de vos pages, vous ne verrez pas forcément vos modifications s'afficher immédiatement. Vider le cache permet de renouveler vos fichiers et d'appliquer immédiatement vos changements.
Conclusion
La mise en cache sous WordPress est une option très intéressante, à la fois efficace et simple à mettre en place. Elle permet de grandement améliorer les performances de votre site et donc d'améliorer l'expérience utilisateur, ce qui augmente votre taux de conversion. La mise en cache est de plus accessible gratuitement et peut être mise en place sans avoir besoin d'avoir des connaissances très poussées dans le domaine du développement, grâce à l'installation de plugins dédiés. Vous avez donc tout à gagner à vous familiariser avec cette technologie.
