Table des matières
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.
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 que 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.
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 la page web que vous lisez actuellement avec et sans mise en cache en utilisant l'outil Page Speed Insight de Google (noté sur 100) :
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. Voici trois des plus utilisés de ces réglages.
Le code CSS et le code Javascript 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.
Cette pratique consiste à fusionner tous les fichiers similaires en un seul. Imaginons par exemple que votre site comporte 25 fichiers CSS. Il seront ici réunis en un seul fichier, ce qui diminue le temps de recherche et augmente mécaniquement la vitesse de chargement.
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 particuliè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.
pour savoir de quelle extension est équipé votre site web, consultez le guide dédié
