• Accueil
  • Billet
  • Développement
    • Développement
    • Java
    • Laravel
    • WordPress
    • Tests
  • Systèmes
    • Linux
    • macOS
    • Windows
  • NAS
  • SysAdmin
getBrain.fr
  • Accueil
  • Billet
  • Développement
    • Développement
    • Java
    • Laravel
    • WordPress
    • Tests
  • Systèmes
    • Linux
    • macOS
    • Windows
  • NAS
  • SysAdmin
Home  /  WordPress  /  Mise en place d’un CDN sur WordPress
19 juillet 2016

Mise en place d’un CDN sur WordPress

Written by Kévin Martin
WordPress amazon, cdn, cloudflare, cloudfront, keycdn, maxcdn, wordpress Leave a Comment
Partagez !

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.

cdn
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-logo-horizontal-1024x187

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/

cloudfront_logo

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-logo-medium

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-logo

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-Wrodpress

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é !

cdn-enabler-settings-1024x504

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 !

Partager :

  • Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur LinkedIn(ouvre dans une nouvelle fenêtre)
  • Cliquez pour envoyer par e-mail à un ami(ouvre dans une nouvelle fenêtre)
  • Cliquer pour imprimer(ouvre dans une nouvelle fenêtre)

Articles similaires

Kévin Martin

Initiateur du mouvement getBrain.fr avec mon ami Loic ! Blogueur de temps en temps, développeur tous les jours, passionné à vie ! Twitteur de bonne humeur, sympathique dans l'ensemble, esprit d'équipe de rigueur ! Voilà ce que je suis :) Que dire de plus ? Je monitore ;)

 Previous Article Hibernate – Installer l’ORM sur Eclipse
Next Article   Gestion des VHOST’s sur un NAS Asustor

Leave a Reply

Annuler la réponse

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

fb.png twitter.png google.png youtube.png telegram.png rss.png

Articles récents

  • Think Different
    L’astuce de la gestion à 3 doigts sur Mac OS X 23 novembre 2016 Billet, macOS
  • Cluster Galera & HAproxy Frontend 6 octobre 2016 Linux, SysAdmin
  • Installer Laravel sur Cloud9.io 1 octobre 2016 Développement, Laravel
  • ESXi 6.0 HA – vCenter avec KVM et NAS Asustor 28 septembre 2016 SysAdmin

Commentaires récents

  • Loic Dumay dans Installer une SeedBox simplement sur Debian
  • terry dans Installer une SeedBox simplement sur Debian
  • terry puillet dans Installer une SeedBox simplement sur Debian
  • kris1208 dans Ajouter un utilisateur sur sa SeedBox
  • Loic Dumay dans Installer une SeedBox simplement sur Debian
Confidentialité et cookies : ce site utilise des cookies. En continuant à naviguer sur ce site, vous acceptez que nous en utilisions.
Pour en savoir plus, y compris sur la façon de contrôler les cookies, reportez-vous à ce qui suit : Politique relative aux cookies

© Copyright 2016 | getBrain.fr | Politique de confidentialité | Contact

loading Annuler
L'article n'a pas été envoyé - Vérifiez vos adresses e-mail !
La vérification e-mail a échoué, veuillez réessayer
Impossible de partager les articles de votre blog par e-mail.