Qu'est-ce qu'un CDN ? Les réseaux de diffusion de contenu expliqués simplement

Un CDN (content delivery network, ou réseau de diffusion de contenu) est un réseau de serveurs répartis dans de nombreuses villes, qui conservent des copies des fichiers de votre site web : images, scripts, feuilles de style, parfois des pages entières. Quand quelqu'un visite votre site, il est servi depuis un emplacement proche de lui au lieu d'un serveur lointain. Les pages se chargent ainsi plus vite, votre serveur est moins sollicité, et le site supporte mieux les pics de trafic.

Pourquoi les CDN comptent quand on construit avec l'IA

Vous ne mettrez peut-être jamais en place un CDN vous-même — de nombreuses plateformes d'hébergement en placent un devant votre site automatiquement. Mais vous en ressentirez les effets :

• La vitesse. Des pages qui se chargent plus vite retiennent les visiteurs et font partie des critères pris en compte par les moteurs de recherche. Voir comment rendre votre site web plus rapide.
• « Pourquoi ma modification n'apparaît-elle pas ? » Après la publication d'une mise à jour, une copie en cache de l'ancienne version peut subsister un court moment. Comprendre pourquoi évite beaucoup de confusion.
• Confidentialité et exactitude. Si un CDN met en cache la mauvaise chose — une page contenant les coordonnées d'un utilisateur — le visiteur suivant peut la voir. Savoir ce qui doit ou ne doit pas être mis en cache vous aide à poser les bonnes questions.

Une analogie du quotidien

Imaginez une boulangerie qui vend son pain dans tout le pays depuis une seule boutique. Chaque client, quelle que soit la distance, doit attendre la livraison depuis cette unique boutique — et un jour de forte affluence, la file est immense.

Un CDN revient à approvisionner le même pain dans des épiceries de quartier partout dans le pays. Les clients s'approvisionnent près de chez eux, rapidement, et la boulangerie principale n'a qu'à réapprovisionner ces épiceries de temps en temps. Le hic : quand la boulangerie change sa recette, les épiceries continuent de vendre les anciennes miches jusqu'à ce qu'on les remplace ou que le stock périme.

Comment fonctionne un CDN

1. Votre origine. Votre site vit sur votre serveur principal ou votre plateforme d'hébergement — on parle d'origine.
2. Points de présence. Le CDN fait tourner des serveurs à de nombreux endroits, appelés points de présence ou edges.
3. Routage. Quand un visiteur demande votre site, le DNS ou le routage réseau l'envoie vers un point proche. Voir comment fonctionnent les domaines et le DNS.
4. Succès du cache (cache hit). Si ce point possède déjà une copie récente du fichier, il l'envoie immédiatement.
5. Échec du cache (cache miss). Sinon, il récupère le fichier auprès de votre origine, l'envoie au visiteur et en garde une copie pour la personne suivante.
6. Expiration. Chaque copie est conservée pendant une durée donnée, fixée par les en-têtes de cache que votre serveur envoie, ou jusqu'à sa purge.

Un exemple concret : le site d'une photographe avec des photos

Le portfolio d'une photographe comporte une page d'accueil, une galerie de 60 grandes images et un formulaire de contact. L'origine est en Europe. Une visiteuse à Singapour ouvre la galerie.

• Sans CDN : chaque image voyage depuis l'Europe. Chaque requête fait un aller-retour à travers le monde, si bien que la galerie s'affiche lentement.
• Avec un CDN : la première visiteuse proche de Singapour déclenche la récupération et le stockage des images au point de présence local. Tous les visiteurs suivants de la région les reçoivent depuis un endroit proche, beaucoup plus vite.

Maintenant, la photographe remplace la photo principale de la page d'accueil et republie. Voici ce qui détermine si les visiteurs voient le changement :

/index.html                    → durée de cache courte, vérifiée souvent
/assets/index-3f9a2c.js        → mis en cache longtemps
/assets/hero-8b41d0.jpg        → mis en cache longtemps

Les outils de compilation modernes, dont Vite, donnent aux fichiers des noms hachés comme hero-8b41d0.jpg. Quand un fichier change, son nom change aussi : la page demande donc un fichier tout neuf, qu'aucun cache n'a encore vu. La page HTML elle-même n'est gardée en cache que brièvement, si bien qu'elle pointe vite vers les nouveaux fichiers. C'est la méthode standard pour obtenir à la fois une longue mise en cache et des mises à jour fraîches.

Le formulaire de contact est différent. Ses envois vont au serveur à chaque fois ; ils ne devraient jamais être mis en cache.

Quoi mettre en cache, et quoi ne pas mettre en cache

Termes clés

Pour le cache en général — dans les navigateurs, les serveurs et les bases de données — voir qu'est-ce que la mise en cache.

Idées reçues courantes

• « Un CDN rend tout plus rapide. » Il accélère la livraison des fichiers. Une requête de base de données lente ou un appel lent à une IA sur votre serveur restent lents.
• « Un CDN remplace l'hébergement. » Il se place devant votre hébergement. Vous avez toujours besoin d'une origine.
• « Si j'ai mis le site à jour, tout le monde le voit tout de suite. » Les anciennes copies peuvent subsister brièvement dans le CDN et dans les navigateurs. Faites un rechargement forcé pour vérifier, et utilisez des noms de fichiers hachés.
• « La mise en cache est toujours sans risque. » Mettre en cache une page personnalisée dans un cache partagé est un vrai risque pour la vie privée. Les réponses privées doivent être marquées comme non mises en cache.
• « Les CDN sont réservés aux grandes entreprises. » Beaucoup d'hébergeurs en incluent un pour les petits sites, sans effort supplémentaire.

Ce qu'il faut demander à votre créateur par IA

• « Y a-t-il un CDN devant ce site ? Quels fichiers met-il en cache, et pendant combien de temps ? »
• « Assure-toi que le JavaScript, le CSS et les images compilés ont des noms de fichiers hachés et une longue durée de cache, et que le HTML a une durée courte. »
• « Ne mets jamais en cache dans un cache partagé les pages réservées aux personnes connectées ni les réponses d'API contenant des données personnelles. »
• « Compresse et redimensionne les images pour que la galerie se charge rapidement. »
• « J'ai publié une mise à jour mais je vois toujours l'ancienne version : est-ce le cache du navigateur ou celui du CDN ? »

Les CDN et Mythex

Quand vous publiez sur Mythex, les interfaces statiques sont déployées comme des sites statiques, et la documentation indique que les caches CDN peuvent prendre un peu de retard après une mise à jour : si vous voyez encore une ancienne version après une nouvelle publication, faites un rechargement forcé de l'URL publique. Rien n'est à configurer pour cela. Si vous connectez un domaine personnalisé dont le DNS est chez Cloudflare, la documentation demande de régler l'enregistrement sur « DNS seulement » plutôt que « proxifié », pour que Mythex puisse émettre correctement le HTTPS. Voir comment publier et domaines personnalisés dans la documentation, et notre guide sur l'hébergement web.

Questions