CDN
Un CDN (content delivery network, réseau de diffusion de contenu) est un réseau de serveurs répartis dans plusieurs zones géographiques qui met en cache le contenu d'un site et le diffuse depuis le serveur le plus proche de chaque visiteur, plutôt que depuis un unique serveur d'origine potentiellement à des milliers de kilomètres.
Qu'est-ce qu'un CDN ?
Sans CDN, chaque requête d'un visiteur voyage jusqu'au serveur d'origine du site, où qu'il soit hébergé, puis en revient. Un CDN place des copies du contenu statique, images, CSS, JavaScript, et parfois des pages entières, sur des serveurs (« nœuds edge » ou « points de présence ») répartis dans le monde, afin qu'un visiteur à Tokyo soit servi par un nœud à Tokyo plutôt que par un serveur à Paris. Le résultat : une latence plus faible, des pages plus rapides et une charge réduite sur le serveur d'origine.
Le gain est plus important pour les sites dont les visiteurs sont répartis sur plusieurs régions ou pays. Un site hébergé en Europe avec uniquement des visiteurs européens tire un bénéfice plus faible d'un CDN que ce même site avec un trafic significatif venu d'Amérique du Nord ou d'Asie, puisque c'est la distance physique qu'une requête aurait autrement dû parcourir que le CDN supprime.
Comment fonctionne un CDN
- Un visiteur demande une page ; le DNS route la requête vers le nœud CDN le plus proche plutôt que vers le serveur d'origine.
- Si ce nœud possède déjà une copie en cache du contenu demandé, il la sert directement : un « cache hit ».
- Sinon, le nœud récupère le contenu depuis l'origine une seule fois, le met en cache, puis le sert : un « cache miss », seulement la première fois.
- Le serveur d'origine n'est sollicité que pour le contenu non mis en cache ou dynamique, et pour les rafraîchissements périodiques du cache.
Un contenu mis en cache s'accompagne généralement d'en-têtes comme :
Cache-Control: public, max-age=31536000, immutableCe qu'un CDN met généralement en cache
- Images, polices et vidéos.
- Fichiers CSS et JavaScript.
- Des pages statiques entièrement rendues, pour les sites qui prennent en charge la mise en cache de page complète.
- Des réponses d'API, dans certaines configurations, quand les données sous-jacentes changent peu.
CDN vs hébergement web vs edge computing
| Aspect | CDN | Hébergement web | Edge computing |
|---|---|---|---|
| Rôle | Met en cache et diffuse le contenu statique depuis plusieurs emplacements | Héberge et stocke les fichiers d'origine et les bases de données d'un site | Exécute la logique applicative au plus près du visiteur, pas seulement des fichiers en cache |
| Résout | La latence pour du contenu déjà généré | L'endroit où vivent les fichiers et données principales d'un site | La latence pour une logique qui doit s'exécuter à chaque requête |
| Fournisseur type | Cloudflare, Fastly | Une plateforme d'hébergement ou un cloud | Cloudflare Workers, fonctions edge |
| Nécessaire pour | Presque tous les sites en production | Tous les sites, sans exception | Les sites avec une logique par visiteur (personnalisation, tests A/B) à l'edge |
Bonnes pratiques et pièges courants
Un CDN a besoin d'en-têtes de cache corrects pour être utile ; un contenu mis en cache sans stratégie d'expiration devient soit obsolète (les visiteurs voient un contenu périmé), soit à peine mis en cache. Purger le cache après chaque déploiement, plutôt que seulement quand le contenu change réellement, réintroduit une charge inutile sur l'origine. Un CDN ne fait rien non plus pour un backend lent ou une requête de base de données mal optimisée, car le contenu dynamique non cachable sollicite toujours l'origine à chaque requête. La plupart des CDN incluent aussi une couche de protection DDoS et un pare-feu applicatif, souvent la vraie raison pour laquelle une entreprise en adopte un, au-delà de la vitesse.
Impact sur les Core Web Vitals et le SEO
Un CDN améliore directement les métriques qui alimentent les Core Web Vitals, en particulier le Largest Contentful Paint, en réduisant le temps réseau nécessaire pour récupérer les ressources les plus lourdes d'une page. Google intégrant l'expérience de page dans le classement, un site qui charge plus vite grâce à un CDN en tire un bénéfice SEO réel, quoique indirect, en plus du bénéfice plus immédiat d'un taux de rebond plus faible chez des visiteurs impatients.
Le CDN chez BeBranded
Nous configurons un CDN, le plus souvent Cloudflare, sur chaque projet de site web que nous livrons, avec des règles de cache adaptées, pour qu'un site charge vite pour ses visiteurs quel que soit leur emplacement.