WordPress CDN – Pourquoi devriez-vous en utiliser un en 2022

En tant que société d'hébergement de performance, nous aimons vraiment rechercher et partager des moyens de rendre votre site WordPress plus rapide. L'utilisation d'un réseau de diffusion de contenu (CDN) est aujourd'hui une évidence en matière de vitesse. Ils soulagent votre serveur Web tout en accélérant la livraison de contenu à vos visiteurs, améliorant ainsi leur expérience !

Aujourd'hui, nous voulons vous expliquer en termes simples comment fonctionne un CDN WordPress , pourquoi vous devriez en utiliser un et certains des avantages supplémentaires qui les accompagnent. Nous partagerons également quelques tests de vitesse afin que vous puissiez mieux juger de l'amélioration des performances que vous pouvez vous attendre à voir sur votre propre site.

• Comment fonctionne un CDN
• Avantages du CDN
• Tests de vitesse CDN
• Avez-vous besoin d'un CDN ?
• Fournisseurs CDN populaires
• Comment installer un CDN dans WordPress

Comment fonctionne un CDN

Tout d'abord, vous ne voulez pas confondre un CDN avec votre hébergeur WordPress. Ce sont des services complètement séparés. Un CDN ne remplace pas votre fournisseur d'hébergement, mais plutôt un moyen supplémentaire d'augmenter la vitesse de votre site. Alors que notre hébergement ici chez Kinsta est extrêmement rapide, un CDN peut rendre votre site encore plus rapide.

Comment fonctionne un CDN exactement ? Eh bien, par exemple, lorsque vous hébergez votre site Web avec Kinsta, vous devez choisir un emplacement de centre de données physique, tel que le centre des États-Unis, l'Europe, l'Amérique du Sud ou l'Asie. Disons que vous choisissez US Central. Cela signifie que votre site Web est physiquement situé sur un "serveur hôte" à Council Bluffs, Iowa. Lorsque des personnes en Europe visitent votre site Web, il lui faudra plus de temps pour charger des versets que quelqu'un qui le visite depuis, par exemple, Dallas, TX. Pourquoi? Parce que les données doivent parcourir une distance supplémentaire. C'est ce qu'on appelle la latence. La latence fait référence au temps et/ou au délai impliqués dans la transmission de données sur un réseau. Plus la distance est grande, plus la latence est grande.

40 % des visiteurs abandonnent un site Web s'il met plus de trois secondes à se charger. Cliquez pour tweeter

Il faut également plusieurs sauts de mise en réseau (instances de communication entre des périphériques réseau intermédiaires) pour servir les demandes de données des navigateurs aux serveurs d'hébergement et le contenu demandé des serveurs d'hébergement aux navigateurs Web. Et c'est là qu'un CDN entre en jeu. Cela aide à réduire cette latence en chargeant le contenu de votre site à partir de serveurs plus proches d'eux. Ces serveurs CDN sont parfois aussi appelés POP (points de présence).

Les utilisateurs de WordPress peuvent parfois être réticents à se pencher sur les réseaux de diffusion de contenu car cela peut être un peu écrasant au début. Voici donc comment ils fonctionnent et peuvent être mis en œuvre, en termes simples, en trois étapes simples :

Étape 1

Vous sélectionnez un fournisseur de CDN et vous abonnez à son service. Ceux-ci sont généralement facturés sur une base mensuelle ou en fonction de l'utilisation des données. La plupart des fournisseurs auront une calculatrice pour estimer vos coûts.

Étape 2

Vous utilisez un plugin gratuit comme CDN Enabler ou WP Rocket pour l'intégrer. Ces plugins relient automatiquement vos actifs au CDN. Il n'y a aucun travail nécessaire de votre part pour obtenir votre contenu sur le CDN, tout cela est sans intervention ! Le déploiement d'un CDN est beaucoup plus facile qu'il y a quelques années.

Étape 3

Lorsque les gens visitent votre site Web, il charge maintenant le contenu de votre site WordPress à partir de différents CDN du monde entier. Ainsi, pour les visiteurs européens visitant votre site situé dans l'Iowa, votre contenu est désormais chargé à partir d'un POP en Europe. comment font-ils ça? Les CDN utilisent généralement deux types de technologies différentes pour acheminer les utilisateurs vers le bon emplacement, à savoir le routage IP Anycast + géolocalisation . Ils peuvent automatiquement détecter d'où proviennent les requêtes des utilisateurs et acheminer les requêtes vers le POP le plus proche.

Il est cependant toujours important de choisir un emplacement de serveur stratégique pour votre hébergeur WordPress. Car même si un CDN permet de diffuser vos médias et contenus, une seule requête reste à faire auprès de l'hébergeur lors du chargement de votre site. À moins que vous n'utilisiez la mise en cache d'une page complète sur un serveur proxy, ce que nous verrons plus tard. Kinsta dispose désormais de 29 emplacements de centres de données à partir desquels vous pouvez héberger votre site WordPress.

Avantages du CDN

Vous trouverez ci-dessous quelques-uns des nombreux avantages de l'utilisation d'un CDN sur votre site WordPress.

1. Amélioration des performances

L'augmentation des performances est l'une des principales raisons d'utiliser un CDN. Il a été prouvé à maintes reprises qu'un site de chargement plus rapide est directement corrélé à des taux de conversion plus élevés, à des taux de rebond réduits et à une durée moyenne de visite plus longue. Et cela sans parler d'une expérience utilisateur simplement meilleure tout autour. À quand remonte la dernière fois que vous avez cliqué dans votre navigateur parce que le site Web prenait trop de temps à charger ? C'est la dernière chose que vous voudriez qu'il se passe. Mais ne nous croyez pas sur parole, voici quelques statistiques rapides pour vous de certains des meilleurs leaders de l'industrie :

• Un délai d'une seconde dans la réponse de la page peut entraîner une réduction de 7 % des conversions. (Source : Kissmetrics)
• La BBC a constaté qu'elle perdait 10 % d'utilisateurs supplémentaires pour chaque seconde supplémentaire nécessaire au chargement de son site. (Source : Creative Block)
• 53% des visites sur les sites mobiles sont abandonnées au bout de 3 secondes selon une étude de DoubleClick de Google. (Source : DoubleClick)
• AliExpress a réduit le temps de chargement de 36 % et a enregistré une augmentation de 10,5 % des commandes et une augmentation de 27 % de la conversion pour les nouveaux clients. (Source : Akamai)

Voici quelques façons dont un CDN peut aider à améliorer les performances de votre site WordPress.

Réduit le TTFB

Nous avons déjà expliqué ci-dessus qu'un CDN WordPress peut aider à réduire la latence en raccourcissant la distance physique requise pour que les données voyagent. Mais cela peut également aider à réduire votre temps au premier octet (TTFB). Pour le dire simplement, il s'agit d'une mesure du temps que le navigateur doit attendre avant de recevoir son premier octet de données du serveur. Plus il faut de temps pour obtenir ces données, plus il faut de temps pour afficher votre page.

Une idée fausse courante est que cela est calculé après les temps de recherche DNS, cependant, le calcul original du TTFB dans le réseau inclut toujours la latence du réseau. Cela implique un processus en 3 étapes et des retards et une latence peuvent se produire n'importe où entre les deux, s'ajoutant à votre TTFB total. Un TTFB élevé peut être causé par un certain nombre de raisons, telles qu'un mauvais code ou une mise en cache mal configurée sur votre serveur hôte. Mais la distance géographique est certainement un acteur. Nous avons fait un petit test pour montrer la différence avec notre CDN Kinsta (propulsé par KeyCDN). Chaque test a été exécuté 5 fois et la moyenne a été prise.

TTFB Sans CDN

Nous avons d'abord effectué un test avec notre CDN désactivé et comme vous pouvez le voir, notre temps de chargement total était de 1,45 s et notre TTFB moyen sur un actif était d'environ 136 ms.

TTFB avec CDN

Nous avons ensuite activé notre CDN et refait le test. Comme vous pouvez le constater, nos temps de chargement totaux sont tombés à 788 ms et notre TTFB moyen est désormais de 37 ms ! Quelle différence un CDN peut faire. Une autre chose importante à noter est que nous avons choisi le site de Stockholm pour effectuer ce test. Pourquoi? Parce que nous voulions vous montrer la réelle amélioration que l'on peut avoir en diminuant la distance physique. Il y a un CDN POP situé à Stockholm, donc notre contenu est servi depuis Stockholm.

Remarque : Si vous utilisez Cloudflare, vous pourriez avoir un TTFB légèrement plus élevé. Cela est probablement dû à la surcharge supplémentaire et à la complexité de l'exécution du service entièrement proxy. N'oubliez pas que Cloudflare dispose de pare-feu supplémentaires et d'autres fonctionnalités que certains fournisseurs de CDN n'ont pas. Vous auriez donc besoin de vous faire votre propre opinion, ce qui pourrait vous être plus avantageux. Si l'ensemble de votre site n'est pas correctement optimisé, prendre le coup sur le TTFB légèrement plus élevé peut valoir le coup.

Cependant, vous pouvez également consulter le guide de WP Bullet sur l'utilisation de la mise en cache des pages Cloudflare pour réduire le TTFB. Cela pourrait nécessiter une configuration et des tests supplémentaires. Assurez-vous d'exécuter vos propres tests car chaque environnement est différent. Le nouveau service Argo de Cloudflare a également été montré dans certains cas pour aider à réduire le TTFB. Découvrez également le nouvel outil d'optimisation automatique de la plate-forme de Cloudflare, qui est un service incroyable pour améliorer les performances de WordPress.

Livraison plus rapide grâce à la mise en cache

Tout comme vous utilisez la mise en cache avec votre hébergeur WordPress ou un plugin, les CDN utilisent également la mise en cache. C'est une façon dont ils peuvent livrer des fichiers si rapidement. Une chose importante à savoir est le fonctionnement de la mise en cache. Une fois qu'un CDN obtient une copie de votre média, il doit généralement être demandé une ou deux fois par un visiteur avant qu'il ne soit réellement mis en cache sur le CDN. Un CDN place un en-tête HTTP sur les requêtes appelé « X-Cache ». À la première ou à la deuxième requête, le fichier apparaîtra généralement comme un MISS, ce qui signifie qu'il n'est pas encore mis en cache.

Lors des requêtes suivantes, il apparaîtra alors comme un HIT, ce qui signifie qu'il est maintenant mis en cache sur votre CDN. Il restera mis en cache en fonction d'un certain nombre de facteurs tels que les en-têtes ETag, les en-têtes d'expiration ou la purge manuelle de votre cache CDN.

Si vous utilisez un CDN proxy complet tel que Cloudflare, vous pouvez également faire passer la mise en cache au niveau supérieur en utilisant ce qu'ils appellent la mise en cache pleine page. Cela implique de tout mettre en cache sur une URL. Cependant, pour les sites WordPress, cela peut parfois être délicat car vous devrez implémenter des solutions de contournement pour les parties dynamiques de votre site.

D'énormes économies avec la compression GZIP

Les CDN WordPress utilisent également GZIP, un format de fichier et une application logicielle utilisée pour la compression et la décompression de fichiers. La compression GZIP est activée côté serveur (ou plutôt sur le serveur CDN/POP) et permet une réduction supplémentaire de la taille de vos fichiers HTML, feuilles de style et JavaScript. Cela ne fonctionnera pas sur les images car celles-ci sont déjà compressées d'une manière différente. Certains ont vu jusqu'à 70% de réductions dues à la compression. C'est probablement l'une des optimisations les plus simples que vous puissiez faire. Et ne vous inquiétez pas, tous les principaux CDN l'ont activé par défaut.

Vous pouvez voir utiliser un outil comme Check GZIP Compression ou Chrome DevTools pour voir une énorme différence que fait la compression. Par exemple, ci-dessous, vous pouvez voir que sur notre fichier jquery.js servi à partir d'un CDN, la compression GZIP a réduit la taille de 94,9 Ko à 33,6 Ko. C'est une économie de 64,59% sur un seul fichier. Ajoutez cela à tous vos actifs et médias et vous comprendrez pourquoi la compression est essentielle !

Brotli fait passer la compression au niveau supérieur

Brotli est un algorithme de compression plus récent développé par Google qui s'est avéré capable de réduire la taille des fichiers jusqu'à 26 % par rapport aux solutions existantes, y compris GZIP. Le taux d'adoption de Brotli augmente à un rythme assez rapide. Depuis le 20 juin, Google compresse même les annonces graphiques avec la compression Brotli.

Cependant, comme Brotli est encore nouveau, il n'est pas encore disponible sur tous les fournisseurs de CDN. Mais il y en a quelques-uns comme KeyCDN et CDN77 qui le supportent maintenant. Dans la plupart des cas, votre serveur d'origine (serveur d'hébergement) doit également avoir Brotli activé pour que cela fonctionne. Et la prise en charge du navigateur pour Brotli rattrape également son retard. S'ils sont correctement configurés, les serveurs sur lesquels Brotli est activé mais qui sont chargés dans un navigateur qui ne le prend pas en charge reviendront simplement à GZIP.

HTTP/2

HTTP/2 est également l'une des fonctionnalités les plus importantes que tous les CDN utilisent désormais pour accélérer la livraison des ressources. HTTP/2 nécessite HTTPS en raison de la prise en charge du navigateur. L'amélioration des performances est due à diverses raisons telles que la capacité du protocole à prendre en charge un meilleur multiplexage, le parallélisme, la compression HPACK avec le codage Huffman, l'extension ALPN et la poussée du serveur. Auparavant, il y avait pas mal de surcharge TLS lors de l'utilisation de HTTPS, mais grâce à HTTP/2, cela appartient désormais au passé.

2. Réduction des coûts de bande passante

Un autre grand avantage d'un CDN est qu'il peut aider à décharger le processeur et les ressources de votre serveur d'hébergement (serveur d'origine). Cela permet d'éviter que les pics de trafic ne submergent votre hôte. Cela peut également aider à réduire vos coûts de bande passante. La dernière chose que vous voulez, c'est que quelque chose devienne viral et que vous vous retrouviez avec une facture énorme de votre hôte ou des frais de dépassement. Par exemple, ci-dessous se trouve un site utilisant Cloudflare, et comme vous pouvez le voir, il a aidé à décharger 69 % des demandes de bande passante.

Un CDN permet également de réduire les coûts en fournissant des moyens simples d'activer la protection des liens dynamiques. Il s'agit essentiellement de restreindre les référents HTTP et d'empêcher les autres d'intégrer vos actifs (images - nous avons un tutoriel sur la façon de protéger vos images) sur d'autres sites Web. Certains d'entre vous ont peut-être entendu parler du fiasco du Huffington Post. Un auteur du Huffington Post a copié et collé des images du site Web d'Oatmeal, ce qui lui a valu une facture de plus de 1 000 $ d'AWS. Le propriétaire du Oatmeal a fini par remplacer les images pour que les lecteurs de l'article du Huffington Post puissent le voir. Mais c'est pourquoi il est toujours important d'activer la protection hotlink , sinon, vous risquez de vous retrouver avec une facture exorbitante.

3. Haute disponibilité et évolutivité

Les CDN offrent également une haute disponibilité et une évolutivité. Étant donné que le contenu répliqué est disponible sur plusieurs POP à différents emplacements géographiques, le trafic Web est acheminé de manière dynamique vers un autre serveur en cas de panne. Et il n'y a pas besoin de s'inquiéter de l'évolutivité car les fournisseurs de CDN sont conçus dans cet esprit. Si vous utilisez un hôte partagé plus petit, un CDN pourrait en fait empêcher votre site Web de planter car il gère la majeure partie de la charge.

4. Avantages du référencement

Google a fait de la vitesse du site un facteur de classement en 2010, ce n'est donc un secret pour personne qu'un site Web plus rapide pourrait entraîner un classement plus élevé. Bien qu'il n'y ait aucun moyen de savoir combien de poids est accordé à la vitesse, vous pouvez en toute sécurité supposer qu'il s'agit de l'un des plus importants, car il affecte l'expérience utilisateur. Brian Dean a analysé le top 1 million de domaines pour examiner la corrélation entre la vitesse du site et les classements Google et les résultats ont été très positifs. Bien que ces tests soient presque impossibles à prouver de manière concluante, vous pouvez être assuré qu'avoir un site Web plus rapide ne fera que vous aider dans Google. Pour faire simple, Google récompense les sites rapides.

Outre la vitesse des pages de votre site Web, un CDN peut également aider à augmenter le taux d'exploration de vos médias tels que les images, qui sont en corrélation avec l'indexation dans la recherche d'images Google.

5. Sécurité supplémentaire

De nombreux fournisseurs de CDN offrent une sécurité supplémentaire en vous permettant d'implémenter des pare-feu d'applications Web (WAF) et ce que certains appellent des boucliers d'origine. Ceux-ci peuvent aider à atténuer les attaques DDoS sur votre site WordPress de toutes formes et tailles, y compris celles qui ciblent les protocoles UDP et ICMP, ainsi que les attaques SYN/ACK, l'amplification DNS et la couche 7. Parmi les autres avantages, citons le fait de vous placer derrière un proxy qui aide à masquer votre adresse IP d'origine, bien qu'elle ne soit pas à l'épreuve des balles.

Assurez-vous de consulter notre étude de cas sur la façon d'arrêter une attaque DDoS. Nous avions un client avec un petit site de commerce électronique exécutant Easy Digital Downloads qui a reçu plus de 5 millions de demandes sur une seule page en 7 jours . Le site ne générait généralement qu'entre 30 et 40 Mo de bande passante par jour et quelques centaines de visiteurs par jour. Mais à l'improviste, le site a instantanément transféré entre 15 et 19 Go de données par jour ! C'est une augmentation de 4650% . Et Google Analytics n'a montré aucun trafic supplémentaire. Ce n'est pas bon.

Le client a implémenté le pare-feu d'application Web de Sucuri sur son site et toute la bande passante et les demandes ont été instantanément abandonnées sur le site (comme indiqué ci-dessous) et il n'y a pas eu un seul problème depuis. Donc, certainement un bon investissement et un gain de temps si vous rencontrez des problèmes comme ceux-ci.

Les CDN fournissent également des fonctionnalités supplémentaires telles que le jeton sécurisé, qui vous permet de générer des liens sécurisés avec un délai d'expiration. Après son expiration, les utilisateurs ne peuvent plus accéder à ce contenu.

Tests de vitesse CDN

Donc, au lieu de simplement vous dire à quel point un CDN WordPress peut être bénéfique, faisons quelques tests pour vous montrer les résultats. Nous avons effectué 5 tests à partir de 4 sites de test différents avec un CDN activé puis sans CDN. Le site est hébergé chez Kinsta et utilise le CDN Kinsta (alimenté par KeyCDN). L'emplacement physique du serveur est dans l'Iowa, aux États-Unis.

Lorsque vous testez la vitesse de votre CDN, assurez-vous de l'exécuter plusieurs fois afin que le média soit mis en cache. Comme nous l'avons décrit plus haut en ce qui concerne la mise en cache CDN, l'en-tête HTTP X-Cache affichera un "HIT" une fois mis en cache. S'il n'est pas mis en cache, il affichera un "MISS". Si vous ne le faites pas correctement, il peut sembler que le CDN n'aide pas à accélérer votre site, alors qu'en réalité vous n'avez tout simplement pas créé le cache en premier.

Sans CDN (Dallas, Texas, États-Unis)

Nous avons d'abord effectué 5 tests sans CDN à Pingdom de Dallas, Texas et avons pris la moyenne.

Sans CDN (Melbourne, Australie)

Nous avons ensuite effectué 5 tests sans CDN à Pingdom de Melbourne, Australie et avons pris la moyenne.

Sans CDN (San Jose, Californie, États-Unis)

Nous avons ensuite effectué 5 tests sans CDN à Pingdom de San Jose, en Californie, et avons pris la moyenne.

Sans CDN (Stockholm, Suède)

Nous avons ensuite effectué 5 tests sans CDN à Pingdom de Stockholm, en Suède, et avons pris la moyenne.

Avec CDN (Dallas, Texas, États-Unis)

Nous avons ensuite effectué 5 tests avec un CDN à Pingdom de Dallas, Texas et avons pris la moyenne.

Avec CDN (Melbourne, Australie)

Nous avons ensuite effectué 5 tests avec un CDN à Pingdom de Melbourne, Australie et avons pris la moyenne.

Avec CDN (San Jose, Californie, États-Unis)

Nous avons ensuite effectué 5 tests avec un CDN à Pingdom de San Jose, en Californie, et avons pris la moyenne.

Avec CDN (Stockholm, Suède)

Nous avons ensuite effectué 5 tests avec un CDN à Pingdom de Stockholm et avons pris la moyenne.

Les resultats

Examinons maintenant les résultats pour comprendre à quel point un CDN affecte vos temps de chargement totaux.

• Dallas, Texas, USA : Diminution de 8,11 % du temps de chargement total avec un CDN.
• San Jose, Californie, États-Unis : Diminution de 33,02 % du temps de chargement total avec un CDN
• Melbourne, Australie : Diminution de 54,19 % du temps de chargement total avec un CDN.
• Stockholm, Suède : Diminution de 54,7 % du temps de chargement total avec un CDN.

Comme vous pouvez le voir, à Dallas et à San Jose, avec un CDN, c'était légèrement plus rapide. Et si vous jetez un coup d'œil aux tests australiens, vous pouvez voir une énorme différence dans les temps de chargement. Cela est dû à l'emplacement géographique du serveur de test. Notre serveur est dans l'Iowa et donc le chargement depuis Dallas et San Jose les données n'ont pas beaucoup à parcourir. Mais pour l'Australie, la distance est ce qui tue les temps de chargement. Lorsque nous activons le CDN, le contenu et les médias sont chargés à partir d'un Kinsta CDN POP à Sydney en Australie, ce qui se traduit par des temps de téléchargement beaucoup plus rapides. Il en va de même pour Stockholm, en Suède.

Maintenant, la question est de savoir si vous souhaitez réduire vos temps de chargement de plus de 50 % dans certains cas ? La réponse devrait être oui !

Avez-vous besoin d'un CDN ?

Une question qui nous est souvent posée ici chez Kinsta est de savoir si un CDN est nécessaire ou non pour un site Web particulier. D'après notre expérience, un CDN peut être bénéfique dans presque tous les scénarios. Regardez tous les avantages que nous avons énumérés ci-dessus. Le prix n'est généralement plus un facteur car la plupart des fournisseurs de CDN sont très bon marché, certains facturant aussi peu que 0,04 $/Go. Et puis Cloudflare est même gratuit. Les seules fois où vous voudrez peut-être effectuer des tests supplémentaires, c'est si vous ne diffusez du contenu qu'aux visiteurs d'un emplacement géographique spécifique.

Disons par exemple que vous êtes un petit magasin avec un site Web en Ontario, au Canada. Peut-être que vous ne vous souciez pas autant des clients situés ailleurs. Vous voudrez rechercher pour voir où se trouvent les POP d'un fournisseur de CDN. Si, par exemple, l'hébergeur de votre serveur Web est situé en Ontario, mais que vous vous inscrivez auprès d'un fournisseur CDN qui n'a qu'un POP le plus proche aux États-Unis, cela pourrait en fait ralentir votre site. Dans ce scénario, qui est très rare, il pourrait être plus avantageux de ne pas utiliser de CDN.

Fournisseurs CDN populaires

Il existe de nombreux excellents fournisseurs de CDN parmi lesquels choisir. La plupart d'entre eux ont des essais gratuits, nous vous recommandons donc d'en essayer quelques-uns pour voir celui qui fonctionne le mieux pour votre site. Nous avons une intégration CDN gratuite ici chez Kinsta pour tous les clients, qui est alimentée par KeyCDN. Voici quelques autres fournisseurs tiers que vous devriez consulter :

• CléCDN
• Nuageux
• StackPath (anciennement MaxCDN)
• CDN77
• Amazon CloudFront
• Rapidement
• Incapsule
• Akamaï

Comment installer un CDN dans WordPress

Chaque fournisseur de CDN a sa propre méthode d'intégration, mais heureusement, ils prennent tous en charge WordPress et le rendent très facile à intégrer. Assurez-vous de vérifier leur documentation ou demandez à leur équipe de support si vous rencontrez des problèmes.

CDN Kinsta

Nous nous sommes associés à KeyCDN, un réseau de diffusion de contenu compatible HTTP/2 et IPv6 avec plus de 200 emplacements, pour dynamiser vos actifs et vos médias dans le monde entier. Les régions actuellement desservies comprennent l'Amérique, l'Amérique du Sud, l'Europe, l'Afrique, l'Asie et l'Australie.

Découvrez comment activer le CDN Kinsta. C'est un simple processus en un clic depuis le tableau de bord MyKinsta.

Nous avons également des analyses CDN incroyables afin que vous puissiez voir l'utilisation de la bande passante, les meilleurs fichiers par requêtes, les codes d'état HTTP, et plus encore.

Nuageux

Si vous utilisez ou êtes intéressé par Cloudflare, nous avons un tutoriel détaillé sur la façon d'installer Cloudflare sur votre site WordPress.

CDN tiers

Si vous envisagez de déployer KeyCDN vous-même, nous vous recommandons de lire cet article sur CDN pour les nuls.

Une chose que nous vous conseillons est d'utiliser un sous-domaine pour vos médias et ressources au lieu de l'URL aléatoire qui vous est donnée par le fournisseur. Exemple : cdn.votredomaine.com. Cela garantira une meilleure image de marque pour votre site ainsi que moins de tracas en ce qui concerne les problèmes d'indexation. Après avoir configuré votre CDN chez le fournisseur, vous pouvez utiliser un plugin WordPress gratuit comme CDN Enabler pour lier facilement vos actifs et les copier automatiquement vers votre fournisseur CDN.

D'autres plugins tels que WP Rocket ou W3 Total Cache ont également des méthodes d'intégration similaires.

Il est important de charger autant de ressources que possible depuis votre site WordPress. Cela garantit une livraison plus rapide aux visiteurs et l'utilisation d'une seule connexion HTTP/2. Vous pouvez exécuter votre site Web via un outil tel que Pingdom pour voir d'où provient le chargement de vos médias. Parfois, des thèmes ou certains plugins peuvent nécessiter quelques ajustements ou rechercher pourquoi ils ne se chargent pas à partir de votre CDN même après avoir terminé l'intégration.

Indexation d'images avec CDN

Vous voulez vous assurer que vos images sont toujours indexées avec Google lors du passage à un CDN. Pour les utilisateurs du plugin Yoast SEO, vous voudrez ajouter le code suivant au bas de votre fichier functions.php. Remplacez bien sûr le domaine et le domaine CDN par le vôtre.

 function wpseo_cdn_filter( $uri ) { return str_replace( 'http://yourdomain.com', 'http://cdn.yourdomain.com', $uri ); } add_filter( 'wpseo_xml_sitemap_img_src', 'wpseo_cdn_filter' );

Si vous ne le faites pas, cela pourrait entraîner la désindexation de vos images (comme indiqué ci-dessous). Vous pouvez toujours vérifier cela vous-même dans Google Search Console.

Cependant, nous avons également remarqué quelques incohérences lorsqu'il s'agit de signaler correctement que les images sont correctement indexées. Un bon moyen de vérifier si vos images sont vraiment indexées est de vous diriger vers Google Image Search et de saisir ce qui suit : site:https://yourdomain.com .

Important : ne mettez pas votre URL CDN. Même si les images sont diffusées à partir du CDN, elles doivent toujours être indexées sur votre domaine racine. Si vos images apparaissent dans Google Image Search, cela signifie qu'elles sont très bien indexées.

Résumé

J'espère que vous pouvez maintenant voir tous les avantages incroyables que vous pouvez obtenir en utilisant un CDN WordPress. Cela garantira que vos médias se chargent plus rapidement dans le monde entier, cela réduit votre TTFB et diminue considérablement vos coûts de bande passante et la charge de votre serveur. Non seulement cela, mais vous pourriez voir de meilleurs classements grâce à des temps de chargement de page plus rapides. Et le plus important, vos visiteurs auront une bien meilleure expérience utilisateur.

N'oubliez pas, notre CDN HTTP/2 Kinsta est désormais inclus pour tous nos clients hébergeurs. Avez-vous des idées sur l'utilisation d'un CDN ? Nous aimerions entendre vos pensées ci-dessous.