Cache Varnish : la technologie qui dope les performances de votre site PrestaShop

Publié le , par 772424.com
Cache serveur PrestaShop

Lorsque l’on parle de performances pour un site e-commerce, le temps de chargement des pages fait partie des critères clés à optimiser constamment. Pourquoi ? Car plus les pages de votre boutique PrestaShop s’affichent rapidement, plus l’expérience de vos visiteurs s’en trouve améliorée. Ce qui a ensuite un impact positif sur votre taux de conversion, et donc sur vos ventes. Et puis, Google intègre aussi ces critères de web performance dans son algorithme de classement des sites. Ceci est d’ailleurs d’autant plus vrai depuis sa dernière mise à jour Page Experience (on vous invite d’ailleurs à relire nos 2 articles sur le sujet → Mise à jour Google Page Experience & PrestaShop : Partie 1 & Partie 2).

En pratique, pour réduire le temps d’affichage de vos pages et vous permettre de gagner en compétitivité, plusieurs actions peuvent être mises en place. On pense notamment à l’allégement du poids des images et des pages dans leur globalité, ou encore à l’optimisation du code et des requêtes à la base de données. Mais pour gagner encore plus en qualité de réponse et en temps de chargement, la mise en place d’un cache serveur – tel que Varnish – s’avère aujourd’hui incontournable pour les sites e-commerce.
Ses bénéfices directs : une accélération au niveau de la vitesse d’affichage des sites comme des performances serveur.

Les bénéfices directs Varnish :

Les bénéfices d'un cache serveur PrestaShop

Dans cet article, on fait le point sur la notion de mise en cache, avec un focus particulier sur le cache Varnish et ses effets sur la performance Web de votre site PrestaShop.

1 / Comprendre le concept de mise en cache
2 / Qu’est-ce que le cache Varnish ?
3 / Les bénéfices du cache Varnish sur votre PrestaShop

1 / Comprendre le concept de mise en cache

Avant de rentrer dans le vif du sujet Cache Varnish, une explication simplifiée du concept de mise en cache nous semble essentielle.

La mise en cache est un processus grâce auquel des données sont copiées et stockées dans une unité de stockage temporaire (la mémoire cache). Ces données sont conservées en mémoire pour éviter au serveur d’exécuter plusieurs fois le même traitement pour des ressources identiques. Ainsi, quand le cache dispose d’une donnée dans son espace de stockage, il envoie sa copie au lieu de la retélécharger à nouveau.
Résultat : le système de mise en cache réduit la charge du serveur Web et la consommation de bande passante, et dans le même temps améliore la vitesse de chargement des pages lors de la navigation.

Il existe différents types de mises en caches. Parmi les plus connus, on retrouve :

  • les caches privés (réservés à un seul utilisateur),
  • les caches partagés (pour les ressources utilisées par plus d’un utilisateur),
  • les caches de navigateurs,
  • les caches de pages (il s’agit du système utilisé par PrestaShop en natif),
  • les caches CDN (Content Delivery Network, ou réseau de diffusion de contenu en français),
  • ou encore, les caches reverse proxy, tel que le système Varnish.

2 / Qu’est-ce que le cache Varnish ?

Le cache Varnish fait partie de la catégorie des systèmes de cache reverse proxy. Ces derniers fonctionnent en tant qu’intermédiaire entre le navigateur du visiteur et le serveur Web qui héberge votre site. Et en tant qu’intermédiaire, ils filtrent et répondent directement aux requêtes faites au serveur.

Ce qui distingue la technologie Varnish des autres reverse proxy : sa souplesse technique. Varnish peut en effet être utilisé pour mettre en cache aussi bien des éléments statiques que dynamiques. Il permet ainsi de réduire drastiquement les temps d’affichage des pages et d’améliorer également la distribution des ressources statiques.

En pratique, le système de cache reverse proxy Varnish :

agit sur les pages les plus visitées de votre site : page d’accueil, catégories, fiches produits et autres pages de contenus CMS.
reste à jour de manière intelligente. C’est le cas par exemple lorsque vous modifiez un produit. Son URL et les catégories auxquelles il appartient se videront alors du cache pour ensuite afficher le produit à l’internaute dans sa dernière version à jour.
met en cache des pages complètes. Certains modules contextuels sont alors passés en dynamique. C’est le cas par exemple du module Panier dont le contenu est lié à l’utilisateur connecté.

3 / Les bénéfices du cache Varnish sur votre PrestaShop

Le premier avantage du système de cache Varnish à noter concerne la sécurité. Le reverse proxy en tant qu’intermédiaire entre le navigateur et le serveur sert en effet de protection de type “pare-feu”. Il permet ainsi de limiter les risques d’attaques malveillantes que subissent parfois certains sites e-commerce.

Au-delà de cet aspect, l’intégration de la technologie Varnish sur un site PrestaShop exerce une action bénéfique sur ses performances. Elle est d’ailleurs décrite comme un “accélérateur front-end” : elle permet de réduire le nombre de requêtes adressées au serveur, et d’accélérer les réponses au navigateur. Résultat : le cache Varnish réduit le temps de chargement des pages.

Concrètement, pour mesurer ce bénéfice, un des indicateurs assez révélateurs est le temps de construction des pages (vous pouvez d’ailleurs utiliser l’outil GTmetrix pour effectuer ces mesures).

On considère qu’un site bien optimisé propose un temps de construction de pages situé entre 100 et 200 ms. Au-delà, le temps global de chargement du site est impacté et peut montrer des ralentissements. En dessous, votre site bat les records de vitesse et cela augmente considérablement la qualité d’un point de vue expérience utilisateur.

Généralement, après l’installation et la configuration d’un système de mise en cache optimisé basé sur la technologie Varnish, les équipes 772424.com constatent des temps de réponse des pages compris entre 20 et 50 ms.

Pour aller plus loin, voici un exemple concret de gain de temps de construction suite à la mise en place de la solution Varnish sur le site PrestaShop d’un client 772424.com :

Gain performance cache serveur Varnish PrestaShop

La mise en cache Varnish a réduit le temps de construction de la page de 742 à 34 ms ! Une différence – considérable – de 708 ms qui représente un gain de plus de 95 % sur la réactivité du temps de construction de la page, et donc sur son temps d’affichage.

Au-delà des gains en temps de construction et d’affichage des pages, les effets bénéfiques du système de cache Varnish se déclinent jusque sur l’activité des sites e-commerce. Une étude menée par le cabinet Deloitte¹ révèle par exemple que, sur mobile, 0,1 seconde de temps de chargement en moins, ce sont 8,4 % de conversions en plus et 9,2 % en plus sur le panier moyen pour les sites du secteur du retail.

Ce que l’on retient de ces chiffres : l’optimisation des temps de construction et de chargement des pages participe indéniablement à la croissance des ventes en ligne. Si ce dernier point représente bien évidemment l’objectif clé de tout e-commerçant, la mise en place de la technologie Varnish joue un rôle indéniable dans l’atteinte de cet objectif.

772424.com propose la mise en place et l’optimisation de Caches Serveurs pour votre PrestaShop

Offre spéciale Varnish : 990€

Contactez-nous !

¹https://www2.deloitte.com/content/dam/Deloitte/ie/Documents/Consulting/Milliseconds_Make_Millions_report.pdf