Mise en place d’un CDN sur WordPress

Aujourd’hui nous allons voir ensemble comment activer votre CDN sur WordPress ! Je vais vous présenter quelques extensions ainsi que celle que j’utilise personnellement sur nombre des sites WordPress que je produis 🙂

Qu’est-ce qu’un CDN ?

Un Content Delivery Network est un ensemble de serveurs reparti dans le monde (que l’on appel aussi PoP) qui distribue pour vous tous vos fichiers statiques. Les fichiers statiques sont tous les fichiers CSS, JS et les images qui composent votre site.

L’intérêt est donc de pouvoir dans un premier temps libérer votre hébergement de l’envoi de ces fichiers mais surtout réduire le temps de chargement de votre visiteur.

Sur ce schéma par exemple, le site est hébergé aux US et les fichiers statiques sont dupliqués dans différents PoP à travers le monde afin que les utilisateurs récupèrent le plus rapidement possibles ces derniers.

Quel CDN choisir ?

Dans ce post je ne vais pas vous dire quel fournisseur de CDN il faut choisir car je préfères me concentrer sur l’implémentation du CDN en lui même.

Cependant je vais vous faire une petite liste des principaux CDN afin que vous ayez deja quelques services en tête.

CloudFlare – Comment ne pas citer CloudFlare ? C’est le seul proposant une version gratuite dans la liste que je vais vous présenter mais ce n’est pas pour autant le moins performant. Ce CDN remplit très bien son rôle, il met en cache les pages de votre site et les distribuent de ses PoPs à travers le monde. Mais ce n’est pas tout ! Le gros avantage de CloudFlare c’est qu’il protège votre site. En effet CloudFlare peut filtrer le traffic entrant sur votre site. Il faudra d’ailleurs configurer votre nom de domaine pour utiliser leurs serveurs DNS. Il est aussi très efficace contre les attaques DDoS, très fréquentes de nos jours. Dernier petit avantage de ce service, il permet de garder votre site en ligne même quand votre hébergement est down ce qui est tout de même très pratique ! CloudFlare est par exemple actuellement en place sur ce blog ! – https://www.cloudflare.com/

Amazon Cloudfront – Amazon Web Services est un ensemble de services dans le cloud. Amazon offre ainsi des serveurs virtuels (VPS), du stockage de fichier, un CDN et plein d’autres fonctionnalités utile pour l’hébergement de divers services. Cloudfront est un solution qui fonctionne très bien et elle utilise par de nombreux sites qu’ils soient petits ou très gros. L’avantage des services proposés est qu’ils sont pleinement compatible entre eux. On trouvera donc souvent un bucket Amazon S3 couplé au service Cloudfront afin de stocker directement les assets chez Amazon. Le prix est relativement bas et il est possible d’y ajouter son propre certificat SSL. – https://aws.amazon.com/fr/cloudfront/

MaxCDN – C’est le seul service de la liste que je n’ai pas testé, mais je l’intègre dedans car je le considère quand même comme un acteur important. Enfaite j’en entends très souvent parler et en bien ! Le seul problème qui se pose c’est que je préfère les service avec un payement as you go où l’on paye ce que l’on consomme ! Je vous laisse donc voir par vous même surtout qu’ils proposent un trial 🙂 – https://www.maxcdn.com/

KeyCDN – C’est le service que j’utilise actuellement sur mes différents sites ! Très simple à mettre en place, interface que je trouve agréable et efficace, je ne peux que vous le recommander ! Il n’est pas réellement pay as you go mais avec 25$  de crédit vous obtenez ~650 Go de traffic, ce qui est plutôt pas mal je trouve. Et pas de limitation dans le temps pour l’utilisation 🙂 Ils disposent de 9 PoPs en Amérique, 9 en Europe et 4 en Asie / Océanie. Ils disposent aussi d’une période d’essai alors pourquoi s’en priver ? – https://www.keycdn.com/ (lien affilié)

Le plugin

La plupart du temps, afin d’activer un CDN sur son site web, il faut utiliser un plugin de cache comme WP Super Cache ou bien W3 Total Cache. Cependant comme mes sites n’ont pas encore un très fort traffic je n’ai pas trouvé intéressant d’installer un système de cache. J’utilise donc un plugin qui est développé par… KeyCDN ! Et oui en plus de proposer un CDN performant, ils ont développé un plugin WordPress très léger et qui fait son travail.

CDN Enabler est disponible sur le dépot officiel de WordPress, il vous suffit donc de vous rendre dans le menu des Extensions, de rechercher “CDN Enabler” et de l’installé.

Une seule étape et le tour est joué !

Afin de remplacer l’URL de vos fichiers statiques pas celle du CDN remplissez les champs suivant:

• CDN URL: Entrez ici l’URL fournit pour votre CDN ou si vous avez configuré une entrée DNS votre URL personnalisée.
• Included Directories: Cela indique quel dossier verra son contenu remplacé par l’URL du CDN. Vous pouvez laisser par défaut cela fonctionne très bien.
• Excluded Extensions: Saisissez les extensions des fichiers que vous ne voulez pas délivrer à travers votre CDN. Cela est pratique notamment pour les fichiers volumineux comme les vidéos ou les audios que vous hébergeriez vous même.
• Relative Path: Activé par défaut. Cela remplace vos lien relatif par celui du CDN.
• CDN HTTPS: Désactivé par défaut. Active votre CDN pour les connections HTTPS. Vous devez au préalable avoir activé le SSL sur votre CDN.

On enregistre et hop ! Voilà vos fichiers statiques propulsés grâce à votre CDN !

Merci d’avoir pris le temps de lire cet article ! N’hésitez pas à faire un retour dans les commentaires et de nous dire quel service CDN vous avez choisis !