Accélérer mon site web en utilisant le CDN
Améliorez votre site en accélérant son chargement sur votre hébergement Web grâce au CDN
Dernière mise à jour le 26/04/2021
Objectif
Si vous souhaitez améliorer l'expérience de vos utilisateurs en accélérant 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 css et les 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.
Prérequis
- Être connecté à votre espace client OVHcloud.
- Posséder une offre d'hébergement web.
En pratique
Mettre en place l'option CDN
L'option CDN est déjà incluse dans les offres d'hébergement web Performance.
Si l'option CDN n'est pas commandée ou activée sur votre hébergement Web
Connectez-vous à votre espace client OVHcloud puis sélectionnez Web Cloud. Cliquez sur Hébergements dans la barre de services située à gauche et choisissez l'offre concernée. Cliquez sur ... à droite de « Option CDN » puis sur Commander un CDN ou Activer l'option si l'option CDN est déjà incluse dans votre hébergement.
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 sera disponible en quelques minutes.
Si l'option CDN est déjà activée sur votre hébergement Web
Connectez-vous à votre espace client OVHcloud puis sélectionnez Web Cloud. Cliquez sur Hébergements dans la barre de services située à gauche et choisissez l'offre concernée. Dans l'onglet Multisite, cliquez sur la roue crantée à droite de l'entrée multisite puis cliquez sur Modifier.
Cochez la mention « Activer le CDN », cliquez sur Suivant puis sur Valider.
Dans le cas d'un nom de domaine externe à OVHcloud ajouté en multisite sur l'hébergement web, vous devez mentionner l'adresse IP du CDN de votre hébergement dans la zone DNS du nom de domaine.
Consultez la liste des adresses IP des clusters et hébergement web pour retrouver l'adresse IP spécifique du CDN de votre cluster.
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
L'option shared CDN est déjà incluse dans les offres d'hébergement web Performance ou disponible à la commande depuis le 19/11/20. Pour les versions plus anciennes, référez-vous au paragraphe Gérer votre CDN (version historique).
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 chacune de vos entrées multisite.
Dirigez-vous sur l'onglet Multisite de votre hébergement, cliquez sur ... à droite de l'entrée multisite puis Purger le CDN.
Configurer les options du Shared CDN
Dirigez-vous sur l'onglet Multisite de votre hébergement, cliquez sur ... à droite de l'entrée multisite puis sur Modifier le CDN.
Vous pouvez également cliquer sur l'icône de stylo à droite d'une entrée Multisite, lorsque l'opton CDN est activée. Cliquez ensuite sur Éditer votre CDN.
Certaines options sont verrouillées sur l'offre Basic.
-
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
Pour ajouter une règle de cache sur l'un des éléments de votre site, dirigez-vous sur l'onglet Multisite de votre hébergement, cliquez sur ... à droite de l'entrée multisite, puis sur Configurer 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 le répertoire de ce dernier. 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.
Configurer les options du CDN Security
les options présentées ci-dessous nécessitent la souscription au CDN security ou au CDN Advanced
Dirigez-vous sur l'onglet Multisite de votre hébergement, cliquez sur ... à droite de l'entrée multisite puis Modifier le CDN.
Vous pouvez également cliquer sur l'icône de stylo à droite d'une entrée Multisite, lorsque l'opton CDN est activée. Cliquez ensuite sur Éditer votre CDN.
- 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 Editer 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.
Lorsque vous activez l'option CORS sans préciser de noms de domaine dans la liste, cela siginifie 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.
Lorsque que 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 l’intégralité du contenu de vos pages web. Elles seront chargées 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 du navigateur.
-
Pare-feu applicatif : Le Web Applcation 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 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.
Le WAF est entièrement administré par OVHcloud, la liste des failles est régulièrement mise à jour.
Visualiser les statistiques du CDN
Dans l'onglet Multisites de votre hébergement, sous le tableau, vous pouvez visualiser les statistiques de votre CDN, indiquant le nombre de requêtes par minutes mesurées sur celui-ci.
Gérer votre CDN (version historique)
L'option CDN est déjà incluse dans les offres d'hébergement web Performance ou les offres commandées avant le 19/11/20.
Vider le cache du 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. Dans ce cas, vous pouvez vider totalement le cache du CDN.
Connectez-vous à votre espace client OVHcloud puis sélectionnez Web Cloud. Cliquez sur Hébergements dans la barre de services située à gauche et choisissez l'offre concernée. Cliquez sur ... à droite de « Option CDN » puis sur Vider le cache.
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 semaine
2. <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 mois
7. <FilesMatch "\.(js|css)$">
8. Header set Cache-Control "max-age=2592000"
9. </FilesMatch>
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
Cette action permet de désactiver le CDN pour une ou plusieurs de vos entrées multisite, sans supprimer l'option CDN de votre hébergement Web.
Rendez-vous dans votre espace client OVHcloud puis sélectionnez Web Cloud. Cliquez sur Hébergements dans la barre de services située à gauche et choisissez l'offre concernée. Dans l'onglet Multisite, cliquez sur ... à droite de l'entrée multisite puis sur Modifier.
Décochez la mention « Activer le CDN », cliquez sur Suivant puis sur Valider.
Supprimer l'option CDN
Cette action a pour but de supprimer l'option CDN pour l'ensemble de votre hébergement Web.
Rendez-vous dans votre espace client OVHcloud puis sélectionnez Web Cloud. Cliquez sur Hébergements dans la barre de services située à gauche et choisissez l'offre concernée. Cliquez sur ... à droite de « Option CDN » puis sur Résilier le CDN.
Cliquez sur Valider pour confirmer la résiliation.
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 :
HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Vary: Accept-Encoding
X-Request-ID: 123456789
X-CDN-Pop: rbx1
X-CDN-Pop-IP: 00.111.22.333/44
X-Cacheable: Cacheable
Accept-Ranges: bytes
Transfer-Encoding: chunked
X-IPLB-Instance: 12345
Les mentions « X-CDN » permettent de confirmer que vous passez bien par le CDN.
Dans le cas où le nom de domaine ne passe pas par le CDN, vous obtenez un résultat comme ci-dessous :
HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Server: Apache
X-Powered-By: PHP/7.1
Vary: Accept-Encoding
X-IPLB-Instance: 12345
L'absence de la mention « X-CDN » indique que vous ne passez pas à travers le CDN.
Aller plus loin
Échangez avec notre communauté d’utilisateurs sur https://community.ovh.com/.
Cette documentation vous a-t-elle été utile ?
N’hésitez pas à nous proposer des suggestions d’amélioration afin de faire évoluer cette documentation.
Images, contenu, structure… N’hésitez pas à nous dire pourquoi afin de la faire évoluer ensemble !
Vos demandes d’assistance ne seront pas traitées par ce formulaire. Pour cela, utilisez le formulaire "Créer un ticket" .
Merci beaucoup pour votre aide ! Vos retours seront étudiés au plus vite par nos équipes..