For AI agents: the complete documentation index is available at https://docs.ovhcloud.com/fr/llms.txt, the full documentation bundle is available at https://docs.ovhcloud.com/fr/llms-full.txt, and this page is available as Markdown at https://docs.ovhcloud.com/fr/guides/web-cloud/web-hosting/cdn-how-to-use-cdn.md.
Découvrez comment améliorer votre site web en accélérant son chargement sur votre hébergement web grâce au CDN
Objectif
Si vous souhaitez améliorer l’expérience de vos utilisateurs en accélérant le chargement de votre site web, la technique la plus efficace est d’activer un CDN (Content Delivery Network). Ce dernier permet de mettre en cache les fichiers statiques tels que les images, les fichiers CSS et JavaScript, dans des serveurs plus proches de vos clients.
Découvrez comment gérer l’option CDN de votre hébergement web.
Définition
Comment fonctionne un CDN ?
Le CDN (Content Delivery Network) est littéralement un réseau dédié à la livraison de contenu. Il utilise plusieurs serveurs déployés autour du monde pour afficher votre site web. Plus ces serveurs sont proches de vos utilisateurs, plus votre site web est rapide pour eux.
Pour fonctionner, chaque serveur garde en mémoire cache une partie de votre site web. Généralement, il est conseillé d’y inclure les fichiers dits « statiques » : les images, les fichiers JavaScript et CSS, qui permettent le bon fonctionnement de votre site mais qui ne sont que très rarement modifiés.
Pour accéder à vos services :Web Cloud > Hébergements > Sélectionnez votre hébergement web
En pratique
Mettre en place l’option CDN
Info
L’option CDN est déjà incluse dans les offres d’hébergement web Performance, Agency, Agency Plus et Agency Max.
Si l’option CDN n’est pas commandée ou activée sur votre hébergement web
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 2 étapes.
Étape 1
Étape 2
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, repérez la mention Option CDN. Cliquez sur ... à droite puis sur Commander un CDN, ou sur Activer l’option si l’option CDN est déjà incluse dans votre hébergement.
Info
Si vous possédez une option CDN antérieure au 19/11/2020, vous pouvez commander la nouvelle offre Shared CDN en cliquant sur Mettre à jour le CDN vers la version supérieure.
Vous serez redirigé vers la génération du bon de commande. Une fois la commande payée, votre service est disponible en quelques minutes.
Si l’option CDN est déjà activée sur votre hébergement web
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 4 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Activer le CDN.
Dans la fenêtre qui s’ouvre, cliquez sur Valider pour activer le CDN.
Warning
Dans le cas d’un nom de domaine externe à OVHcloud ajouté sur l’un des sites web de votre hébergement web, vous devez mentionner l’adresse IP du CDN de votre hébergement dans la zone DNS du nom de domaine.
Pourquoi ne puis-je pas bénéficier de l’IP géolocalisée avec l’option CDN ?
Le CDN utilise le principe des IP anycast. Vous n’interrogerez pas le même serveur en fonction de votre géolocalisation, ce qui est très efficace pour réduire le temps de chargement de vos fichiers statiques. La géolocalisation d’adresse IP est donc inutile.
Concernant le SEO (référencement sur les moteurs de recherche), la vitesse d’affichage de votre site web a plus d’importance que la géolocalisation de l’adresse IP de votre hébergement.
Gérer votre Shared CDN
Vider le cache du Shared CDN
Il est parfois utile de vider le cache du CDN, notamment lorsque vous modifiez vos fichiers statiques. Par exemple, lors de la mise en production d’une nouvelle version de votre site. Il vous est possible de vider le cache pour chacun de vos noms de domaine et sous-domaines.
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 3 étapes.
Étape 1
Étape 2
Étape 3
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Purger le CDN.
Configurer les options du Shared CDN
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 4 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier le CDN.
Warning
Certaines options sont verrouillées sur le CDN Basic et nécessitent la souscription au CDN security ou au CDN Advanced.
Toujours en ligne : Permet le maintien des données du CDN en ligne en cas de panne serveur.
HTTP/2 : Protocole permettant de meilleures performances de votre site web en termes de sécurité et de latence.
Dev-mode : Vous permet une désactivation du cache pendant le développement de votre site.
Brotli : Type de compression permettant une optimisation de la taille de vos fichiers en cache.
Règle de cache : Créez jusqu’à 5 règles. Elles définissent la fréquence de rafraîchissement de mise en cache pour certaines ressources précises sur votre site (suivre la prochaine étape).
Une fois vos options choisies, cliquez sur Appliquer la configuration, puis sur Valider la configuration dans la fenêtre suivante.
Créer une règle de mise en cache
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 5 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier le CDN.
Sous la mention Règles de cache, cliquez sur le bouton Ajouter une règle.
Nom de règle : Attribuez un nom à votre règle.
URI : Indiquez le sous-ensemble de ressources de votre site web, via son chemin dans l’URL. Pour les offres CDN-Basic et CDN-Security, il n’est possible de saisir qu’une extension de fichier.
Durée : Indiquez la durée de mise en cache de la ressource choisie.
Classement : Classez par ordre d’exécution vos règles (de la plus faible à la plus élevée).
Une fois vos choix réalisés, cliquez sur le bouton Créer la règle.
Les règles apparaissent dans une liste. Vous pouvez modifier une règle en cliquant sur ... à droite de celle-ci puis sur Modifier la règle, ou la supprimer en cliquant sur Supprimer la règle.
Une fois vos règles configurées et vos options choisies, cliquez sur Appliquer la configuration, puis sur Valider la configuration dans la fenêtre suivante.
Warning
Pour bénéficier d’un quota de règles plus élevé et davantage de paramètres sur la création de règle de mise en cache, vous pouvez opter pour l’option CDN Advanced.
Configurer les options du CDN Security
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 4 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier le CDN.
Info
Les options présentées ci-dessous nécessitent la souscription au CDN security ou au CDN Advanced.
Cross-Origin Resource Sharing (CORS) : Indiquez, dans la liste, les noms de domaine extérieurs qui seront autorisés à accéder aux ressources de votre site web dans le but de les partager.
Une fois la fonction activée, cliquez sur Éditer la liste des ressources externes pour ajouter les noms de domaine autorisés à partager vos ressources.
Une fois votre liste complétée, cliquez sur Confirmer.
Info
Lorsque vous activez l’option CORS sans préciser de noms de domaine dans la liste, cela signifie que tous les noms de domaine sont autorisés à utiliser les ressources de votre site web.
HTTPS-redirect : Protégez la globalité du trafic de votre site web en le redirigeant vers le protocole HTTPS de façon temporaire ou permanente.
Une fois la fonction activée, cliquez sur le menu déroulant pour choisir entre Redirection permanente (301) ou Redirection temporaire (302).
HTTP Strict Transport Security (HSTS) : Imposez l’accès à votre site web en HTTPS uniquement. Votre solution web est ainsi sécurisée contre les attaques par rétrogradation (ou attaques par repli).
Une fois la fonction activée, déterminez la durée de vie pendant laquelle le navigateur appliquera la fonction HSTS sur votre site web.
Info
Lorsque vous activez la fonction HSTS sur votre site, elle forcera le protocole HTTPS sur votre navigateur jusqu’à la fin de la période dite « âge maximum », même après désactivation de la fonction dans votre espace client. Néanmoins, lorsque le cache est vidé sur le navigateur qui a déjà effectué une visite sur votre site, ce dernier appliquera le nouvel état de la fonction HSTS.
Mixed content : Forcez le chargement de l’intégralité du contenu de vos pages web de manière sécurisée, participant ainsi à une expérience utilisateur optimale. Toutes les ressources de votre site, internes comme externes, doivent être disponibles en HTTPS pour éviter une erreur de sécurité du navigateur.
Pare-feu applicatif : Le Web Application Firewall (WAF) protège votre site des attaques frauduleuses telles que l’injection de code, les requêtes illégitimes ou le vol de données. Il vous couvre des principales failles connues du web en filtrant les requêtes et paquets transmis (la liste des failles est administrée par OVHcloud et régulièrement mise à jour pour étendre votre protection).
Warning
Pour l’installation d’un module en 1 clic OVHcloud, le WAF doit être désactivé afin d’éviter que l’installation du module ne soit bloquée.
Info
Le WAF est entièrement administré par OVHcloud, la liste des failles est régulièrement mise à jour.
Configurer les options du CDN Advanced
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 4 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier le CDN.
Info
Les options présentées ci-dessous nécessitent la souscription au CDN Advanced
Header HTTP de géolocalisation : Déterminez le pays du visiteur pour personnaliser l’expérience proposée. Le code pays est ajouté automatiquement dans le header de chaque requête pour être manipulé par votre serveur d’origine. Les éléments d’identification dans le header se présentent sous les appellations Geo-Country-Code, Geo-Country-Name, Geo-Region, Geo-City.
Prefetch : Anticipez le chargement de la ressource suivante. Préchargez-la automatiquement dans le cache CDN grâce au header link de votre site web. Ce mécanisme est principalement utilisé pour charger les CSS, JavaScript, images, favicons ou encore des polices web qui sont requis par le thème du site web.
Dans l’exemple ci-dessous, lorsque vous êtes sur la page courante affichant « Hi », une sous-requète déclenche le pré-chargement de la ressource /cache/style.css.
Mobile redirect : Redirigez automatiquement les visiteurs « Mobile » vers un site web optimisé. Au choix : rediriger systématiquement vers la racine d’un autre site web, ou conserver l’URL en ne remplaçant que le domaine (ou le sous-domaine).
Purge avancée : Personnalisez votre purge en choisissant les éléments du cache à vider : tout le site, un dossier, une URI, une extension de fichiers ou à l’aide d’une expression régulière personnalisée.
Depuis l’onglet Mes sites, cliquez sur le bouton ⁝ à droite du nom de domaine ou sous-domaine concerné, puis sur Purger le CDN.
Query String : Gestion de la mise en cache de contenu, basée sur les paramètres (aussi appelés Query String) de la requête URL. En fonction de votre configuration, choisissez le comportement du cache CDN:
Désactivé : La ressource est mise en cache avec ses paramètres non triés. Ce qui va créer, par exemple, 2 itérations dans le cache du CDN pour 2 URL ayant les mêmes paramètres dans un ordre différent.
Activé - Trier les paramètres : La ressource est mise en cache en triant ses paramètres. Un tri se fera avant de stocker l’URL dans le cache du CDN. Par exemple, seule une itération sera gardée pour 2 URL ayant les mêmes paramètres dans un ordre différent.
Activé - Ignorer les paramètres : La ressource est mise en cache sans aucun paramètre. Le cache CDN ne tiendra pas compte des paramètres saisis dans l’URL, il stockera donc l’URL sans les paramètres dans le cache.
Prewarm : Forcez la mise en cache permanente de vos ressources primordiales. Le CDN anticipe et rafraîchit automatiquement le cache, sans attendre de requête de l’utilisateur. Cette fonction s’applique uniquement sur du contenu statique, ayant un TTL supérieur à 0, et la ressource ne doit pas excéder 1GB. Une jauge vous indique le niveau de consommation des ressources en Prewarm, en fonction de la liste de vos URLs. Le total des ressources appelées par ces URLs ne doit pas dépasser les 1GB.
Pour définir la liste des URLs qui doivent être en Prewarm, cliquez sur Éditer la liste des URLs.
À l’aide des champs Protocole, Nom de domaine et Chemin de la ressource, renseignez un des liens vers une ressource que vous souhaitez ajouter à la fonction Prewarm, puis cliquez sur Ajouter.
Une liste se forme dans le cadre inférieur, avec l’ensemble des liens que vous avez renseignés, vous pouvez supprimer celui de votre choix en le sélectionnant, puis en cliquant sur Retirer.
Cache rule : Créez jusqu’à 100 règles. Elles définissent la fréquence de rafraîchissement de mise en cache pour certaines ressources précises sur votre site. Poursuivez la lecture du guide à la prochaine partie pour plus d’informations.
Une fois vos options choisies, cliquez sur Appliquer la configuration, puis sur Valider la configuration dans la fenêtre suivante.
Créer une règle de mise en cache avancée
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 5 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Étape 5
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier le CDN.
Sous la mention Règles de cache, cliquez sur le bouton Ajouter une règle.
Nom de règle : Attribuez un nom à votre règle.
Type de ressource : Choisissez parmi les choix ci-dessous :
Extension : Veuillez saisir une extension de fichier valide sans mettre de point (par exemple : CSS).
Dossier : Veuillez saisir un chemin valide pour l’un des dossiers présents dans le répertoire racine de votre site web.
Expression régulière personnalisée : Elle s’applique sur toutes les URI de votre site web.
URI : Indiquez le sous-ensemble de ressources de votre site web, via son chemin dans l’URL.
Ressource : Définissez les attributs en fonction du type de ressource choisie.
Durée : Indiquez la durée de mise en cache de la ressource choisie.
Classement : Classez par ordre d’exécution vos règles (de la plus faible à la plus élevée).
Une fois vos choix réalisés, cliquez sur le bouton Créer la règle.
Les règles apparaissent dans une liste. Vous pouvez modifier une règle en cliquant sur ... à droite de celle-ci, puis sur Modifier la règle. Vous pouvez la supprimer en cliquant sur Supprimer la règle.
Une fois vos règles configurées et vos options choisies, cliquez sur Appliquer la configuration, puis sur Valider la configuration dans la fenêtre suivante.
Comment mettre en cache mes fichiers dans le CDN ?
En utilisant un CMS
Les principaux CMS proposent de nombreux plugins permettant de configurer la mise en cache des fichiers statiques afin qu’ils soient pris en compte automatiquement par le CDN. D’autres permettent la configuration automatique des fichiers statiques en activant la mise en cache intégrée au CMS. Pour plus d’informations, référez-vous à la documentation officielle du CMS que vous utilisez ou de l’éditeur du plugin.
Sans utiliser de CMS
Si vous n’utilisez pas de CMS, vous pouvez aussi bénéficier du cache du CDN. Pour cela, vous devez ajouter des headers sur les requêtes HTTP. Il existe plusieurs techniques permettant d’ajouter ces headers. L’une des plus simples est de définir des règles au sein d’un fichier .htaccess, en fonction des extensions de fichiers.
1. # Cache des images durant 1 semaine2. <FilesMatch "\.(jpg|jpeg|png|gif)$">3. Header set Cache-Control "max-age=604800, public"4. </FilesMatch>5. 6. # Cache des JavaScript et CSS durant 1 mois7. <FilesMatch "\.(js|css)$">8. Header set Cache-Control "max-age=2592000"9. </FilesMatch>
Warning
La mise en cache via les headers HTTP permet la mise en cache au sein du CDN mais aussi au sein du navigateur de vos utilisateurs. Ainsi, pour éviter que vos visiteurs ne visualisent une version en cache trop ancienne, il est recommandé de modifier les noms des fichiers à chaque nouvelle version.
Désactiver l’option CDN pour un site web
Cette action permet de désactiver le CDN pour un ou plusieurs de vos noms de domaine ou sous-domaines, sans supprimer l’option CDN de votre hébergement web.
Warning
Désactiver l’option CDN pour un site web nécessite de changer l’adresse IP à utiliser pour rediriger votre nom de domaine vers votre hébergement web.
Ce changement se fait automatiquement si la zone DNS active de votre nom de domaine est également gérée depuis le contenant votre hébergement web.
Dans le cas contraire, vous devrez effectuer les deux actions suivantes :
modifiez manuellement l’adresse IP dans la zone DNS active de votre nom de domaine, ou contactez votre fournisseur de zone DNS afin qu’il effectue la mise à jour pour vous.
La modification d’une entrée dans la zone DNS active d’un nom de domaine entraîne un délai de propagation de 4 à 24 heures pour être pleinement effective. Le temps que cette propagation se finalise, une page contenant le code 520 peut apparaître aléatoirement. Ce phénomène est lié au fait que certaines parties du réseau DNS redirigent encore les requêtes vers l’adresse IP du CDN lié à votre hébergement web.
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 4 étapes.
Étape 1
Étape 2
Étape 3
Étape 4
Accédez à la page , puis choisissez l’hébergement web concerné.
Sur la page qui s’affiche, cliquez sur l’onglet Mes sites.
Dans le tableau qui apparaît, cliquez sur le bouton > situé à gauche du nom du site web concerné pour afficher les noms de domaine et sous-domaines associés.
Cliquez ensuite sur le bouton ⁝ situé à droite du nom de domaine ou sous-domaine concerné, puis sur Modifier un domaine
Décochez la mention « Activer le CDN », cliquez sur Suivant puis sur Valider.
Supprimer l’option CDN sur votre hébergement
Cette action a pour but de supprimer l’option CDN pour l’ensemble de votre hébergement web.
Cliquez sur les onglets ci-dessous pour afficher successivement chacune des 3 étapes.
Étape 1
Étape 2
Étape 3
Accédez à la page , puis choisissez l’hébergement web concerné.
Repérez la mention Option CDN. Cliquez sur ... à droite puis sur Résilier le CDN.
Cliquez sur Valider pour confirmer la résiliation.
Warning
Un e-mail contenant la procédure de fermeture de votre CDN vous sera envoyé. Il est nécessaire de suivre les instructions de celui-ci afin de confirmer ou annuler la demande.
Vérifier que votre CDN est en service
Pour vous assurer que le CDN est bien actif sur votre nom de domaine, il est possible d’effectuer une vérification via un terminal avec la commande suivante :
curl -i http://yourpersonnaldomain.ovh/
Si votre nom de domaine est bien pris en charge par le CDN, vous obtiendrez un résultat comme ci-dessous :
L’absence de la mention « X-CDN » indique que vous ne passez pas à travers le CDN.
Aller plus loin
Pour des prestations spécialisées (référencement, développement, etc.), contactez les partenaires OVHcloud.
Si vous souhaitez bénéficier d’une assistance à l’usage et à la configuration de vos solutions OVHcloud, nous vous proposons de consulter nos différentes offres de support.
