Le Blog

Considérez ceci : vous avez mis en place votre site web et vous avez enfin des clients. Cependant, l'attente est longue et le site web est lent à charger.

Au moment où il se charge, vous avez perdu la possibilité de convertir un visiteur en client payant, ce qui entraîne une perte de revenus. En quelques secondes, il est passé à autre chose.

Pourquoi ?

Des études ont montré que près de la moitié des clients s'attendent à un temps de chargement des pages d'environ trois secondes. En reconnaissant ce problème suffisamment tôt, vous pouvez prendre des mesures pour éviter que cela ne se produise. Comment ? En mettant en place la bonne solution de mise en cache pour votre site web.

 

Qu'est-ce que le cache Web ?

La mise en cache fait référence au processus de stockage de données, temporairement, dans un environnement informatique - à savoir un cache. Lorsque les clients consultent votre page web, ces fichiers sont automatiquement stockés sur le disque dur, dans un sous-répertoire de cache de leur navigateur. Lorsqu'ils reviennent sur cette page, le navigateur peut accéder à ces fichiers à partir de la mémoire cache, plutôt que de retourner sur le serveur d'origine pour récupérer les données à nouveau.

Sans mise en cache : lorsqu'un client visite votre site web, le navigateur envoie une demande à votre serveur pour des données du site, comme le contenu, le média, le code, etc. Les données sont ensuite envoyées au navigateur du client. Chaque élément de ces données doit être chargé individuellement avant de pouvoir être affiché. Il y a toujours des retards pendant le transfert et de nombreux autres facteurs qui peuvent ralentir le processus. Par exemple, si le visiteur se trouve loin de votre serveur, cela peut avoir une incidence négative sur votre temps de chargement.

Avec la mise en cache : les données sont stockées dans un endroit proche de votre client - elles vont là où se trouve votre client, ce qui réduit le temps de chargement. Par exemple, le navigateur web stocke les données à proximité de votre client une fois que la page est chargée pour la première fois. Cela réduit la vitesse de chargement de la page pour un utilisateur qui revient.

Les avantages sont évidents. Il vous faut choisir une solution de mise en cache adaptée à votre site web. Il existe de nombreuses méthodes de mise en cache. Nous allons en aborder trois : la mise en cache sur serveur, la mise en cache sur navigateur et les plugins de mise en cache et comment chacune d'entre elles peut avoir un impact sur votre site web.

 

Mise en cache sur le serveur :

Si votre site web est très fréquenté, dynamique, que son contenu est lourd et qu'il connaît un fort volume de trafic, vous pouvez envisager la mise en cache du serveur. L'un des meilleurs serveurs cache est celui de Varnish. Voici comment il fonctionne : lorsque votre client visite votre site, une série de requêtes sont envoyées au serveur pour permettre le chargement de la page. Le serveur recherche alors les fichiers relatifs à la demande, exécute tout code lié à cette demande et renvoie ensuite la page web à l'utilisateur. En installant des mécanismes de mise en cache comme Varnish, il agit essentiellement comme un intermédiaire, entre l'utilisateur et le serveur et recherche les demandes en double de la précédente recherche. La prochaine fois que le client visitera votre site web, Varnish lui répondra en lui envoyant rapidement une version en cache du résultat. Cela peut augmenter la vitesse de votre site de manière exponentielle. Cela permet également de réduire la puissance de traitement nécessaire pour répondre à des volumes de trafic élevés.

Mise en cache du navigateur :

Chaque fois qu'un navigateur charge une page web, il doit télécharger tous les fichiers pour afficher la page correctement - cela inclut le HTML, le CSS, les images et le JavaScript. Si votre site web contient beaucoup de fichiers, vous pouvez être confronté à deux problèmes : premièrement, les gros fichiers prennent plus de temps à charger (surtout si vos clients utilisent une connexion internet lente). Deuxièmement, chaque fichier fait une demande distincte à votre serveur, ce qui ajoute au travail que votre serveur doit effectuer. La mise en cache du navigateur vous aidera en stockant certains des fichiers sur le navigateur de votre client. La première fois que votre client visite votre site, le chargement peut prendre du temps, mais à mesure qu'il continue d'interagir avec votre site web (soit en le rafraîchissant, soit en le revisitant ou même en passant à une autre page de votre site), les fichiers sont mis en cache sur son navigateur. Cela permet de réduire les données que votre client utilise pour charger votre site et d'économiser de la bande passante sur votre serveur.

La mise en cache du navigateur fonctionne en identifiant les éléments de votre site web qui peuvent être sauvegardés hors ligne. Ces éléments sont ceux qui ne sont pas susceptibles d'être modifiés régulièrement, comme votre logo par exemple. Pour activer la mise en cache du navigateur, vous devrez modifier vos en-têtes HTTP afin de définir des délais d'expiration pour certains fichiers. Si certains fichiers sont mis à jour fréquemment, vous pouvez leur donner des délais d'expiration plus courts.

 

Les plugins de mise en cache :

Actuellement, WordPress alimente près de 33 % du web. Si votre site web fait partie de ce nombre, vous pouvez consulter des plugins de mise en cache tiers. Ils sont simples et faciles à installer. Le seul inconvénient est le nombre de plugins disponibles. Toutefois, certains de ces plugins sont fortement recommandés, comme W3 Total Cache, qui permet la mise en cache via la mémoire, le disque ou le CDN (Content Delivery Network). Il permet également de supprimer les données inutiles ou redondantes des messages, pages, flux, JavaScript et autres. Grâce à cela, vous pouvez économiser la bande passante du serveur, ce qui permet d'augmenter les performances du serveur, de réduire le temps de téléchargement et d'augmenter les taux de conversion - autant de bonnes nouvelles pour vous. Vous pouvez également consulter d'autres plugins populaires comme WP Super Cache et WP- FFPC.

 

Quels sont les avantages ?

1. Réduction de la charge du réseau : Entre votre contenu et votre client, les données peuvent être mises en cache à plusieurs endroits. Par exemple, grâce à la mise en cache sur le serveur, les pages web sont stockées et servies à votre client de manière efficace. Lorsqu'il est plus proche du client, les demandes ne grèveront pas le réseau entre le client et votre site web - seulement le cache.

2. Augmentation des performances : Lorsque vous choisissez la mise en cache comme option, elle libère des ressources sur le serveur d'origine pour améliorer les performances globales.

3. Classement : La vitesse du site est l'un des facteurs les plus importants pour le classement de votre site. Les sites web plus rapides sont favorisés par les moteurs de recherche (et aidés par un excellent paramétrage SEO et un contenu de bonne qualité). Plus votre site est lent, plus votre classement est bas.

4. Expérience de l'utilisateur : Vous souhaitez que vos clients bénéficient de la meilleure expérience possible sur votre site web. Un site web plus rapide aidera vos clients à mieux naviguer. De plus, les données mises en cache permettent d'économiser les données de vos utilisateurs (dans une certaine mesure) car les fichiers statiques sont moins chargés que les requêtes dynamique.

 

En fin de compte, la mise en cache est une excellente solution pour accélérer votre site web. Nos services d'hébergement dans le cloud font appel à des mécanismes de mise en cache avancés, tels que Varnish, pour garantir que la mise en cache du serveur est bien prise en charge. Le choix de la solution de mise en cache adaptée à votre site web exige une réflexion approfondie de votre part : quelles parties doivent être mises en cache et quelles données de votre site web vont changer avec le temps.