Dans la course au temps de chargement, il est une arme que vous vous devez de posseder si vous souhaitez être mesure de faire la course dans le groupe de tête : Le CDN – Content Delivery Network. Derrière ce nom quelque peu barbare aux oreilles du néophyte se cache un système redoutable d’éfficacité.
C’est quoi un CDN ?
Le CDN est un serveur distant sur le quel vous allez stocker tout ou partie de votre site. Ce serveur sera dédié à une tâche unique : servir le contenu statique de votre site à vos visiteurs. le CDN est fait pour cela, et ne doit servir qu’à cela. C’est son job, sa raison d’être.
En déportant votre contenu sur un CDN , vous soulagerez d’autant votre propre serveur qui n’aura plus à se soucier de ces tâches. Il gagnera ainsi en performance, réduisant significativement le temps de chargement de vos pages.
Bon, le petit hic dans l’histoire, c’est qu’il faut repasser par la caisse. Forcément, qui dit serveur distant, dit porte-monnaie. En ce qui me concerne, j’utilise RackSpaceCloud, qui me facture à l’usage, et le tarif me semble correct en regard de la qualité de service.L’autre grand nom du secteur est MaxCND, qui me semble un peu plus excessif.
MAJ >> Vous pouvez également utiliser CloudFlare, entièrement gratuit et qui propose des fonctions de CDN, ou encore Amazon S3
La dernière solution est de créer votre propre CDN sur un second serveur, comme un VPS chez OVH ou Gandi. Pour un VPS Gandi 1 part, comptez 14 € TTC par mois. Un coût qui peut s’amortir avec les revenus publicitaires de votre site. Voilà pour le côté qui fâche.
Question résultats, vous l’aurez sans doute remarqué, les pages de 4h18.com se charge désormais bien plus vite. L’image de l’en tête, assez lourde, se charge en clin d’oeil. L’effet CDN, couplé à un cache. Oui, pour bien faire, coupler le CDN à un système de cache est tout sauf une mauvaise idée. Il va vous falloir passer un moment à trouver les bon réglages pour votre cache, mais cela vaut le coup.
Le CDN + le cache = hautes performances
Sur 4h18.com, j’utilise donc W3 Total Cache qui a fait de bon progrès depuis le test que j’avais réalisé. D’ailleurs, j’avais tout simplement écarté ce plugin, trop instable. L’auteur à fait fait sensiblement évoluer son bébé, et j’avoue être bluffé. Les possibilité offertes sont tout simplement géantes. D’ailleurs, et c’est pour cela que je vous parle de W3 Total cache, il est possible de gérer son CDN depuis le plugin. W3 TC permet, nativement, de gérer divers CDN, dont RackCloudSpace, MaxCDN ou encore votre propre CDN (upload des fichiers depuis votre admin WP vers le CDN en FTP).
Vous l’aurez compris, le CDN est à utiliser sur un site avec un tant soit peu de trafic, ou alors sur un site qui va recevoir un fort trafic. Pour un site personnel, je vous laisse le soin de la réflexion. SI vous être un geek fou, faites vous plaisir !
L’optimisation, un travail d’orfèvre
Alors, oui, quand on parle optimisation de WordPress, il faut commencer à savoir ce que l’on fait, pourquoi va-t-on le faire, et comment va-t-on le faire. Pas question de partir la fleur au fusil sur le site de production, car même en ayant testé sur une maquette, la petite boulette peut vite arriver. On peut, par exemple, se retrouver avec un site qui aurait perdu sa mise en page, du style « où qu’il est mon CSS ??? oO ». La mise en service du CDN demande un minimum de compétences.
L’optimisation de votre site WordPress doit être faites avec précautions, sous risque de vous retrouver avec un site inexploitable.
D’autre part, si votre site génère 30 visiteurs unique par jour, il n’est pas forcément utile de vous pencher tout de suite sur la question. Sauf si votre site prend dix minutes pour charger une page. Mais là, il va vous falloir commencer par regarder vos plugins et votre thème. Le CDN n’est pas une solution miracle et n’est certainement pas le remède ultime à toutes les lenteurs de votre site.
Pour les moteurs, ça parle de :
- cdn wordpress
- wordpress cdn
- content delivery network
- content delivery network france
- meilleur cdn pour wordpress
- serveur cdn
- serveur cdn gratuit
- stylesheet se charge pas dropbox
- système de cdn
- le CDN
#Wordpress : Le CDN ? c’est quoi, c’est pour qui ? http://go.4h18.in/mDxifD
Très bon article !
Il est vrai que le CDN est très à la mode en ce moment avec tout ces serveurs sur le cloud comme on le dit si bien.
A ce propos, dans les références n’y aurait il pas aussi Amazon et sa config S3 ?
Découvert il y a peu aussi il y a aussi une solution un peu différente cette fois-ci des CDN qui est Cloudflare : Https://www.cloudflare.com/plans.html
Personnellement je n’ai pas essayé mais j’ai eu de bon retour. Ensuite, il y a les fameuses astuces de CDN avec Dropbox mais bon il faudra avoir tout de même un compte assez conséquent et non le compte gratuit à seulement 2Go (du moins pour un blog comme le miens)
Bref, d’ici peu, je pense testé un CDN avec mon propre serveur en utilisant une Kimsufi 250G et prendre un VPS 4 vCores à coté pour gérer la partie Blog… Parce que là, mon blog est archi lent, les pics à 100% du CPU sont atteints constamment avec seulement 2 ou 3 personnes sur le blog… Comme tu dis, il doit y avoir un plugin ou un truc dans le thème qui ne va plus… Mais pourquoi poser problème d’un seul coup ?!! Mystère, il va falloir chercher.
Bref, si quelqu’un à des idées
Merci encore pour ces nombreux articles toujours plus intéressants et utiles, l’uns que les autres !
A bientôt
Bonsoir Simon,
Il y a Amazon, effectivement, mais il me semble, de mémoire, que c’est totalement hors de prix pour un particulier. Cette solution est a reserver aux entreprises avec un vrai budget bien solide.
En ce qui concerne cloud flare, je ne sais pas exactement à quoi cela sert pour être honnête. Je l’ai mis en service via le plugin W3 Total Cache. Il y est question de sécurisation plus qu’autre chose. Il me semble que ce n’est pas un CDN, puisque ce service n’apparait pas dans la liste des CDN.
En ce qui concerne ton soucis, peut être un problème de compatibilité entre deux extensions suite à une mise à jour ? Ou tout simplement des plugins un peu anciens et non optimisés pour la dernière version de WordPress ? Les pistes sont nombreuses, bon courage à toi !
Et merci pour les compliments
@Simon, j’ai donc dit une (deux) connerie(s)
Amazon S3 fonctionne sur la même tarification que RackSpaceCloud, donc, forcément tout de suite, c’est plus mieux.
Ensuite, CloudFlare fait bien du CDN. SOn mode de fonctionnement est différent, puisque tu n’as pas besoin d’uploader les fichiers dessus, il se charge de les récupérer tout seul. Pratique ! Et donc, il est gratuit le bougre.
Il y a aussi DopBox.
En mettant ses fichiers, images,.. dans le fichier public
Effectivement, on peut passer par DropBox, mais il y a quelques manip à faire pour bidouiller le truc. D’autre part, il semble que la survie de DropBox ne soit pas assurée.
Enfin, ce n’est pas un CDN à proprement parlé, c’est pour cela que je ne l’ai pas cité. C’est plus astuces de bidouilleurs avertis on va dire.
Optimiser la vitesse de chargement de votre site WordPress en utilisant un CDN http://ow.ly/4TnJd
@Stef-4h18
Merci à toi pour tes informations
Oui il est certains que les pistes sont nombreuses… voire trop nombreuses ! Va falloir chercher comme tu dis pour que je puisse trouver la raison du pourquoi le serveur peine autant.
Pourtant je suis bien en possession d’un système de Cache plus exactement de W3C Total Cache et pourtant je remarque que MySql reçoit toujours des requêtes… Bref, je vais pencher sur la question mais je suis pas trop trop caler non plus donc bon.
Concernant les CDN je vais essayé d’ici peu une des solutions que ce soit celle de Amazon d’un serveur privée, Dropbox ou encore Cloudflare. Je n’hésiterais pas à faire mes retours sur le sujet
Bonne journée à vous tous
Il faut bien commencer par quelque chose, et c’est en forgeant que l’on devient forgeron.
Mettre le nez dans les soucis de ton serveur ne peut que t’aider à mieux comprendre comment celui-ci fonctionne, mais aussi comment WP peut alourdir la charge de ton serveur.
C’est une très bonne façon de mieux appréhender WP et ses contraintes. C’est aussi très enrichissant.
Je me suis toujours freiné à utiliser un CDN, et notamment pour les images, car je me suis toujours dit que si l’on voulait ranker sur google images, c’est le CDN qui allait ressortir et pas le site standard… Quelqu’un peut valider ce point ?
Le CDN est un support pour ton site, et il ne remplace en rien ton site. Donc, je ne pense pas que cela soit un problème, mais j’avoue ne pas avoir fait de tests sur la question.
Si je prends par exemple l’image du header de ton site, son url est « http://c558669.r69.cf2.rackcdn.com/wp-content/themes/m4mag/images/m4header.jpg ». Si tu voulais ranker sur cette image, je me demande si ça ne poserait pas un problème auprès de Google.
A qui va-t-il attribuer la paternité ? L’image se trouve bien entendu sur ton site, mais ne dépend pas de ton domaine.
Il suffit de créer un CNAME dans ton dns, type image.monsite et roule. Je pense que cela devrait suffire. Non ?
Il faudrait tester je pense, je ne connais pas de personnes ayant fait des tests là dessus.
Je découvre le CDN grace à ton article.
Pour l’instant je me contente suite à ton conseil le W3 total cache + Cloudflare.
Deux questions me viennent à l’esprit :
- sur le plugin W3, j’ai un soucis en activant la fonction minify, sur IE9 pas de soucis, sur firefox 4, mes CSS sont foirés, cela me le fait sur deux thèmes différents donc j’ai peut etre loupé un truc ?
- sur cloudflare : Du coup en faisant la modif des DNS, on devient un site américain … est ce que finalement ca ne devient pas dommagable pour le site ? en matière de vitesse par rapport à un hébergement en France ? et surtout vis à vis de Google ?
Je me suis laissé dire qu’il vallait mieux tout avoir dans le pays concerné ? par exemple pour ma part j’ai un site « français » avec un .fr hébergé chez OVH avec une IP francaise. Mais j’ai également un .ES hébergé sur une IP espagnole d’OVH, un .IT hébergé sur une IP italienne d’OVH … (il ne s’agit pas d’une pub pour l’hebergeur en question promis)
Bon de toutes manières je fais le test sur mon site espagnol, je verrais bien rapidement si le soucis exposé s’avère un handicap ou pas …
J’ai le même soucis avec le minify, et je n’ai toujours pas la solution. Donc, pour le moment, je ne m’en sert pas….
En ce qui concerne les questions de référencement, j’ai lu tout et sons contraire sur le sujet. Je pense que tests te donneront une meilleure réponse. Dans mon propre cas, pour le moment, pas de soucis particulier, je verrais dans les semaines à venir.
[...] est la question que se pose Stéphane de 4h18.com. Il va donc nous expliquer en quoi cette technologie peut se révéler [...]
Un article vraiment intéressant qui explique fortement bien le pourquoi du comment dans l’utilisation d’un serveur distant
[...] finir, n’hésitez pas à aller visiter la page Wikipédia des CDN, l’article sur le blog de 4h18 qui m’a donné pleins de conseils pour écrire le mien, et n’hésitez pas à commenter [...]
[...] finir, n’hésitez pas à aller visiter la page Wikipédia des CDN, l’article sur le blog de 4h18 qui m’a donné pleins de conseils pour écrire le mien, et n’hésitez pas à commenter [...]