Le cache, le CDN et la compression sont trois techniques complémentaires qui peuvent diviser le temps de chargement de votre site par deux ou trois, sans toucher à une seule ligne de code. Ce sont des optimisations côté serveur et réseau que tout site professionnel devrait avoir en place. On vous explique comment ça fonctionne et comment les activer.
Le cache : ne pas refaire deux fois le même travail
Qu'est-ce que le cache ?
Imaginez un restaurant. Si un client commande une salade César, le chef la prépare de zéro. Si dix clients commandent la même salade, un bon restaurant prépare les ingrédients à l'avance. Le cache fonctionne exactement sur ce principe.
Quand un visiteur arrive sur votre site, le serveur doit assembler la page : récupérer le contenu dans la base de données, appliquer le design, charger les images, exécuter les scripts. C'est un processus qui prend du temps. Avec le cache, le serveur mémorise la page assemblée et la sert directement aux visiteurs suivants, sans tout recalculer.
Les différents types de cache
Il existe plusieurs niveaux de cache, et chacun joue un rôle différent :
| Type de cache | Où il se situe | Ce qu'il fait |
|---|---|---|
| Cache navigateur | Sur l'ordinateur/smartphone du visiteur | Stocke les fichiers déjà téléchargés (images, CSS, JS) |
| Cache serveur | Sur votre serveur d'hébergement | Stocke les pages HTML générées |
| Cache applicatif | Dans votre CMS (WordPress, etc.) | Stocke les résultats de requêtes base de données |
| Cache objet | En mémoire sur le serveur (Redis, Memcached) | Stocke les données fréquemment consultées |
Le cache navigateur en détail
Quand un visiteur charge votre site pour la première fois, son navigateur télécharge tous les fichiers nécessaires : HTML, CSS, JavaScript, images, polices. Si le cache navigateur est bien configuré, lors de la deuxième visite, le navigateur réutilise les fichiers déjà téléchargés au lieu de les redemander au serveur.
La configuration se fait via les en-têtes HTTP Cache-Control et Expires. Voici les durées recommandées :
- Images : 1 an (elles changent rarement)
- CSS et JavaScript : 1 mois (avec versioning pour forcer la mise à jour en cas de changement)
- Pages HTML : quelques minutes à quelques heures (le contenu peut changer)
- Polices : 1 an
Le cache serveur sur WordPress
Sur WordPress, le cache serveur est géré par des plugins. Voici les plus fiables :
- WP Rocket : la solution premium la plus simple. On l'installe, on l'active, et ça fonctionne. Configuration en 5 minutes.
- LiteSpeed Cache : gratuit et très performant si votre hébergeur utilise le serveur LiteSpeed (ce qui est de plus en plus fréquent).
- W3 Total Cache : gratuit, mais la configuration est plus complexe.
Chez Dwenola, on configure systématiquement le cache sur les sites de nos clients, avec un système qui se purge automatiquement quand le contenu est mis à jour.
Le cache objet avec Redis
Redis est un système de cache en mémoire vive (RAM), beaucoup plus rapide qu'un disque dur. Il stocke les résultats des requêtes à la base de données pour éviter de les exécuter à chaque fois.
L'impact est significatif : sur un site WordPress avec WooCommerce, l'activation de Redis peut réduire le temps de génération des pages de 500 ms à 50 ms.
Redis nécessite un hébergement qui le propose (pas toujours disponible sur les hébergements mutualisés bas de gamme). C'est un critère à vérifier quand vous choisissez votre hébergement.
Le CDN : rapprocher votre site de vos visiteurs
Qu'est-ce qu'un CDN ?
CDN signifie Content Delivery Network (réseau de diffusion de contenu). C'est un réseau de serveurs répartis dans le monde entier qui stockent une copie de votre site. Quand un visiteur accède à votre site, il est servi par le serveur le plus proche géographiquement.
Pourquoi la distance compte
La lumière voyage vite, mais pas instantanément. Un signal entre un serveur à Paris et un visiteur à la Réunion met environ 150 millisecondes rien qu'en aller-retour réseau. Avec un CDN, ce même visiteur est servi par un serveur situé à Maurice ou à Johannesburg, et le temps réseau tombe à 30 millisecondes.
Même pour un site qui cible uniquement la France, un CDN reste utile car il décharge votre serveur principal et ajoute une couche de protection contre les attaques.
Les CDN recommandés pour les PME
| CDN | Prix | Facilité d'installation | Points forts |
|---|---|---|---|
| Cloudflare (gratuit) | 0 euros/mois | Très simple | Protection DDoS, SSL gratuit, règles de cache |
| Cloudflare Pro | 20 euros/mois | Très simple | Optimisation d'images, WAF avancé |
| Bunny CDN | Environ 1 euro/mois | Simple | Tarification à l'usage, très performant |
| KeyCDN | Environ 4 euros/mois | Moyen | Bon rapport qualité-prix |
Notre recommandation : pour une PME française, Cloudflare en version gratuite offre déjà un excellent niveau de performance et de sécurité. C'est le CDN que l'on déploie le plus souvent chez nos clients.
Comment activer Cloudflare
La mise en place est simple et ne nécessite aucune modification de votre site :
- Créez un compte sur cloudflare.com
- Ajoutez votre nom de domaine
- Cloudflare scanne vos DNS et propose de les reprendre
- Changez les serveurs DNS chez votre registrar (OVH, Gandi, etc.) pour pointer vers Cloudflare
- Cloudflare intercepte automatiquement le trafic et le distribue via son réseau
Le processus prend environ 30 minutes, dont la plupart est du temps d'attente pour la propagation DNS.
La compression : réduire le poids des fichiers en transit
Qu'est-ce que la compression HTTP ?
La compression HTTP fonctionne comme un fichier ZIP : le serveur compresse les fichiers avant de les envoyer, et le navigateur les décompresse à la réception. Le transfert est plus rapide parce que le fichier compressé est beaucoup plus léger.
Cette compression s'applique principalement aux fichiers texte : HTML, CSS, JavaScript, JSON, XML. Les images et vidéos sont déjà compressées dans leur propre format et ne bénéficient pas de la compression HTTP.
GZIP vs Brotli
Deux algorithmes de compression sont utilisés sur le web :
- GZIP : le standard historique, compatible avec tous les navigateurs. Réduit la taille des fichiers texte de 70 à 80 %.
- Brotli : développé par Google, plus récent et plus efficace. Réduit la taille de 80 à 90 %. Compatible avec tous les navigateurs modernes en HTTPS.
| Algorithme | Compression moyenne | Compatibilité | Requis |
|---|---|---|---|
| GZIP | 70-80 % | Universelle | HTTP ou HTTPS |
| Brotli | 80-90 % | 98 % des navigateurs | HTTPS uniquement |
Comment vérifier si la compression est active
Ouvrez Chrome DevTools (F12), allez dans l'onglet Network, rechargez votre page et regardez la colonne "Size" vs "Content-Length". Si la taille transférée est nettement inférieure à la taille réelle, la compression est active.
Vous pouvez aussi vérifier les en-têtes de réponse : cherchez Content-Encoding: gzip ou Content-Encoding: br (pour Brotli).
Comment activer la compression
Sur la plupart des hébergeurs modernes : GZIP est activé par défaut. Brotli est de plus en plus courant.
Sur Apache (hébergement classique), ajoutez ces lignes dans votre fichier .htaccess :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/json
</IfModule>
Sur Nginx, ajoutez dans la configuration :
gzip on;
gzip_types text/css application/javascript application/json text/xml;
Avec Cloudflare : la compression est activée automatiquement, y compris Brotli. Rien à configurer.
Combiner les trois pour un résultat optimal
La vraie puissance vient de la combinaison des trois techniques. Voici le parcours d'une requête sur un site bien optimisé :
- Le visiteur tape l'URL de votre site
- La requête arrive sur le CDN (serveur le plus proche)
- Le CDN vérifie son cache : s'il a une version récente de la page, il la sert directement
- Le fichier est envoyé avec compression Brotli (80-90 % plus léger)
- Le navigateur du visiteur stocke les fichiers dans son cache local pour les prochaines visites
Résultat : un temps de chargement qui passe de 4-5 secondes à moins de 1 seconde, sans avoir modifié une seule ligne de code de votre site.
Exemple concret
Un client Dwenola dans le secteur du tourisme avait un site WordPress avec un temps de chargement de 5,2 secondes. Sans toucher au code ni au design, on a mis en place :
- Cache serveur avec LiteSpeed Cache
- CDN Cloudflare (gratuit)
- Compression Brotli (via Cloudflare)
- Cache navigateur optimisé
Résultat : temps de chargement passé à 1,4 seconde. Score PageSpeed mobile passé de 38 à 87. Et le tout en moins d'une heure de travail.
Questions fréquentes
Le cache peut-il poser des problèmes quand je modifie mon site ?
Oui, c'est la principale précaution. Si vous modifiez une page et que l'ancienne version est en cache, les visiteurs verront l'ancienne version pendant un certain temps. Les bons plugins de cache (WP Rocket, LiteSpeed Cache) purgent automatiquement le cache quand vous publiez ou modifiez du contenu. Si vous faites des changements manuels, pensez à purger le cache.
Un CDN est-il utile si mon site cible uniquement la France ?
Oui, pour plusieurs raisons. Même en France, la distance entre un visiteur à Lille et un serveur à Marseille ajoute de la latence. De plus, un CDN comme Cloudflare offre une protection contre les attaques DDoS, un certificat SSL gratuit et des optimisations automatiques. Pour un coût de zéro euro en version gratuite, il n'y a aucune raison de s'en priver.
Ces optimisations sont-elles compatibles avec tous les CMS ?
Oui. Le cache, le CDN et la compression fonctionnent au niveau du serveur et du réseau, indépendamment de votre CMS. Que vous utilisiez WordPress, PrestaShop, Shopify ou un site sur mesure, ces techniques s'appliquent. Les modalités de configuration varient, mais le principe reste le même.
Je suis sur un hébergement mutualisé, puis-je quand même en profiter ?
En partie. La plupart des hébergements mutualisés proposent GZIP et un cache basique. Vous pouvez aussi mettre un CDN comme Cloudflare devant votre hébergement. En revanche, les options avancées comme Redis ou la configuration fine du serveur ne sont généralement pas disponibles en mutualisé. C'est une des raisons pour lesquelles on recommande un hébergement dédié ou managé pour les sites professionnels.
Besoin d'aide ? Chez Dwenola, on crée votre site pro dès 49€/mois. On en discute ?
ChatGPT
Claude
Gemini
Perplexity