Chez Kinsta, l’optimisation des performances des sites de nos clients est l’une de nos principales priorités. Chaque élément de notre pile d’hébergement, depuis nos VM C2 optimisées pour le calcul jusqu’à nos configurations logicielles hautement ajustées, a été sélectionné en tenant compte des performances.
Un réseau de diffusion de contenu (CDN) est un élément crucial d’une pile d’hébergement moderne. Nous sommes fiers d’offrir un CDN premium propulsé par Cloudflare sans frais supplémentaires. Dans cet article, vous en apprendrez plus sur le CDN de Kinsta, et comment l’activer pour votre site WordPress.
CDN de Kinsta
Tous les sites hébergés sur Kinsta sont sécurisés par notre intégration gratuite de Cloudflare. En plus d’un pare-feu de niveau entreprise et d’une protection DDoS, les clients de Kinsta ont également accès à un CDN HTTP/3 haute performance propulsé par le réseau mondial robuste de Cloudflare.
Quelle est la rapidité du CDN de Kinsta ?
Pour tester les performances du CDN de Kinsta, nous avons effectué une série de tests de référence à partir de 10 emplacements dans le monde. Pour ce test, nous avons utilisé un blog WordPress avec un thème personnalisé et une variété de contenus textuels et graphiques hébergés dans le centre de données de Google Cloud dans l’Iowa, aux États-Unis. Au total, la page testée a demandé plus de 30 ressources statiques (JS, CSS, images, polices, etc.) et pesait 3,2 Mo. Enfin, nous avons mesuré le temps de chargement de la page complète trois fois par emplacement, et calculé le temps moyen dans chaque emplacement.
Lors de nos tests de performance, nous avons constaté que l’activation du CDN de Kinsta a entraîné une réduction de 44 % du temps de chargement des pages. Dans le tableau ci-dessous, vous pouvez voir les résultats avant/après comparés pour différents emplacements.
Gardez à l’esprit que les sites qui sont à proximité du serveur d’origine que nous avons utilisé pour utiliser nos tests (Iowa, USA) peuvent ne pas voir une augmentation des performances avec le CDN de Kinsta.
| Localisation | Aucun CDN (secondes) | CDN de Kinsta (secondes) | Pourcentage de différence |
| Francfort | 2.64 | 2.19 | -17.05% |
| Amsterdam | 3.05 | 1.7 | -44.26% |
| Londres | 2.78 | 1.55 | -44.24% |
| New York | 1.16 | 0.835 | -28.02% |
| Dallas | 0.721 | 0.849 | +17.75% |
| San Francisco | 1.1 | 1.2 | +9.09% |
| Singapour | 4.91 | 3.41 | -30.55% |
| Sydney | 4.72 | 3.95 | -16.31% |
| Tokyo | 2.83 | 2.18 | -22.97% |
| Bangalore | 4.43 | 4.82 | +8.80% |
Avec un réseau qui s’étend sur 275+ villes dans plus de 100 pays, Cloudflare exploite l’un des plus grands réseaux CDN au monde. En comparaison, d’autres fournisseurs de CDN populaires comme KeyCDN, Bunny CDN et StackPath ont moins de 60 points de présence (PoP).
Cela signifie qu’en activant le CDN de Kinsta, votre site WordPress sera en mesure de servir des ressources statiques depuis beaucoup plus d’endroits à travers le monde sans avoir à payer pour des services supplémentaires !
Avantages du CDN de Kinsta
En exploitant le réseau de Cloudflare, le CDN de Kinsta offre un certain nombre d’avantages par rapport aux fournisseurs de CDN traditionnels. Passons en revue quelques-uns des plus grands avantages du CDN :
Support de HTTP/3
Le CDN de Kinsta est livré avec un support natif pour HTTP/3, la dernière révision du protocole HTTP. Par rapport à HTTP/2, HTTP/3 offre des hanshakes 0-RTT plus rapides, des exigences de cryptage SSL, de meilleures performances, etc.
Maintenant que les principaux navigateurs web comme Chrome et Firefox ont ajouté la prise en charge de HTTP/3, il est important que les fournisseurs de CDN commencent à le prendre aussi en charge. À l’heure actuelle, le CDN de Kinsta est l’un des rares CDN à prendre en charge HTTP/3. Cela dit, vous n’avez pas à vous inquiéter si les navigateurs de vos visiteurs ne prennent pas encore en charge HTTP/3, car le CDN de Kinsta se rabattra automatiquement sur HTTP/2 si nécessaire.
Support du domaine primaire
Cloudflare est un service de proxy inverse, ce qui signifie que vous n’aurez pas besoin d’un domaine secondaire juste pour profiter de ses diverses fonctionnalités. Grâce au CDN de Kinsta, les ressources mises en cache de votre site peuvent être servies à partir de votre domaine principal au lieu d’un domaine CDN secondaire.
Bien que Google affirme qu’il n’y a aucun avantage pour le SEO à servir des images à partir de votre domaine principal, il y a tout de même quelques avantages à ne pas avoir à dépendre d’un domaine CDN secondaire. Par exemple, si vous partagez une URL d’image qui utilise un domaine CDN secondaire, elle peut renvoyer une erreur HTTP 404 si vous changez de fournisseur CDN à l’avenir. En mettant en cache et en servant des ressources statiques via votre domaine principal, vous n’aurez pas à vous soucier de ce problème.
Enfin, le fait de pouvoir servir des ressources à partir du domaine principal sans avoir à gérer les réécritures d’URL pour un domaine secondaire améliore également la compatibilité avec WordPress multisite.
Optimisation des images
Le CDN de Kinsta offre une optimisation des images qui convertit automatiquement vos images PNG, GIF et JPEG au format WebP pour améliorer la vitesse et les performances de votre site web.
Minification de code
Avec le CDN de Kinsta, vous avez également la possibilité d’activer la minification du code pour supprimer les éléments inutiles de vos fichiers JavaScript et CSS. Cela réduit le temps de chargement des pages et la bande passante nécessaire à votre site.
Comment activer le CDN de Kinsta
Pour activer le CDN de Kinsta, connectez-vous à MyKinsta et allez sur Sites WordPress > nom du site > CDN, et cliquez sur Activer CDN.
Ensuite, confirmez ce changement en cliquant sur le bouton Activer CDN dans la fenêtre pop-up/modale.
Types de fichiers mis en cache par le CDN de Kinsta
Les fichiers sont mis en cache en fonction de leur extension, et non de leur type MIME. Si vous souhaitez exclure certains contenus depuis le CDN, consultez notre guide sur les exclusions de fichiers et d’URL CDN.
| afm | avif | bmp | bz2 | cff | css | cur | doc |
| docx | eot | epub | exe | ffil | flv | gif | gz |
| ico | jfif | jpeg | jpg | js | json | lwfn | m4a |
| m4v | map | mid | midi | mov | mp3 | mp4 | mpga |
| odp | ods | odt | ogg | ogv | otf | pfb | |
| pfm | png | ppt | pptx | pro | qt | rar | rtf |
| scss | std | svg | svgz | tar | tgz | tif | tiff |
| ttf | txt | wav | webm | webp | wmv | woff | woff2 |
| xls | xlsx | xml | xsf | zip |
Comment désactiver ou purger le CDN de Kinsta ?
Après que le CDN de Kinsta ait été activé, une coche verte à côté de Activé indique que le CDN est maintenant en production ! Sur cette page, il y a maintenant deux boutons – Désactiver et Vider le cache du CDN.
- Désactiver : cliquez sur ce bouton pour désactiver le CDN de Kinsta.
- Vider le cache CDN : cliquez sur ce bouton pour vider le cache du CDN. Vider le cache CDN est une bonne première étape de dépannage si vous constatez des anomalies sur l’interface publique de votre site. Par exemple, si vous apportez des modifications à votre CSS mais que vous ne voyez pas les changements sur l’interface publique, il est possible que l’ancien fichier CSS soit mis en cache. Dans ce cas, vous pouvez vider le cache du CDN pendant votre processus de dépannage.
Tester le CDN de Kinsta
Comme le CDN de Kinsta n’utilise pas de domaine CDN secondaire, vous ne pouvez pas vérifier que le CDN fonctionne en inspectant l’URL de vos fichiers statiques, mais vous pouvez le tester avec un outil de test de vitesse de site.
Avant de procéder à des tests de vitesse, nous vous recommandons d’inspecter les en-têtes HTTP d’une ressource statique pour confirmer qu’elle est chargée à partir du CDN de Kinsta. Vous trouverez ci-dessous quelques moyens de vérifier les en-têtes HTTP de votre site.
Comment vérifier le CDN de Kinsta avec le vérificateur de statut HTTP et de redirection de Kinsta
Vous pouvez vérifier le statut HTTP et la chaîne de redirection de n’importe quelle URL avec notre vérificateur gratuit de statut HTTP et de redirection. Grâce à cet outil, vous pouvez évaluer les en-têtes de réponse pour vérifier si le CDN de Kinsta fonctionne.
Tout d’abord, vous devez trouver l’URL d’une ressource statique sur votre site. Pour cela, faites un clic droit sur une image sur votre site, et copiez l’URL. Collez cette URL dans l’outil de vérification des redirections et exécutez la vérification.
Vous devriez voir des résultats comme celui-ci :
Faites défiler vers le bas jusqu’à ce que vous voyiez les en-têtes de réponse. Dans cette section, il y a deux en-têtes dont il faut vérifier les valeurs : cf-cache-status et ki-cf-cache-status. Les valeurs varieront selon que vous utilisez ou non votre propre compte Cloudflare (domaine Cloudflare) ou non (domaine non-Cloudflare).
Domaine non-Cloudflare (pas de compte Cloudflare)
Les deux en-têtes (cf-cache-status et ki-cf-cache-status) doivent avoir une valeur de HIT. Si vous voyez une valeur différente telle que MISS ou DYNAMIC, essayez d’exécuter la vérification plusieurs fois pour amorcer le cache du CDN. Vous devriez également voir l’en-tête de réponse ki-cache-tag, qui indique que la ressource est servie par le CDN de Kinsta.
Domaine Cloudflare (votre propre compte Cloudflare)
L’en-tête cf-cache-status indiquera si le cache a été renvoyé depuis votre compte Cloudflare et l’en-tête ki-cf-cache-status indiquera si le cache a été renvoyé depuis l’intégration Cloudflare de Kinsta. Si la valeur de cf-cache-status est DYNAMIC ou BYPASS et que la valeur de ki-cf-cache-status est HIT, cela affiche que le CDN de Kinsta est activé alors que le CDN est désactivé (généralement avec une règle de page) dans votre compte Cloudflare.
Comment vérifier le CDN de Kinsta avec un navigateur web
Vous pouvez utiliser les outils de développement intégrés de votre navigateur web pour vérifier si le CDN de Kinsta fonctionne. Dans cet exemple, nous utiliserons Google Chrome pour inspecter les en-têtes HTTP d’une ressource statique. Pour lancer les outils de développement de Chrome, faites un clic droit sur la page et cliquez sur Inspecter.
Ensuite, cliquez sur l’onglet « Network » et rechargez la page. Au fur et à mesure que la page se charge, vous verrez une liste des ressources statiques de la page sur le côté gauche de la fenêtre des outils de développement. Pour vérifier que le CDN de Kinsta fonctionne correctement, cliquez sur n’importe quelle ressource statique (CSS, JS, fichier image ou police web) qui se charge depuis votre domaine.
Dans l’onglet « Headers », faites défiler la page jusqu’à ce que vous voyiez « Response Headers ». Dans cette section, il y a deux en-têtes dont il faut vérifier les valeurs : cf-cache-status et ki-cf-cache-status. Les valeurs varient selon que vous utilisez ou non votre propre compte Cloudflare (domaine Cloudflare) ou non (domaine non-Cloudflare).
Domaine non-Cloudflare (pas de compte Cloudflare)
Les deux en-têtes (cf-cache-status et ki-cf-cache-status) doivent avoir une valeur de HIT. Si vous voyez une valeur différente telle que MISS ou DYNAMIC, essayez d’actualiser la page plusieurs fois pour amorcer le cache du CDN. Vous devriez également voir l’en-tête de réponse ki-cache-tag, qui indique que la ressource est servie par le CDN de Kinsta.
Domaine Cloudflare (votre propre compte Cloudflare)
L’en-tête cf-cache-status indiquera si le cache a été renvoyé depuis votre compte Cloudflare et l’en-tête ki-cf-cache-status indiquera si le cache a été renvoyé depuis l’intégration Cloudflare de Kinsta. Si la valeur de cf-cache-status est DYNAMIC ou BYPASS et que la valeur de ki-cf-cache-status est HIT, cela montre que le CDN de Kinsta est activé alors que le CDN est désactivé (généralement avec une règle de page) dans votre compte Cloudflare.
Comment vérifier le CDN de Kinsta dans le terminal
Si vous savez utiliser Terminal (ligne de commande), vous pouvez également vérifier les en-têtes HTTP avec la commande curl. Tout d’abord, vous devez trouver l’URL d’une ressource statique sur votre site. Pour cela, faites un clic droit sur une image de votre site et copiez l’URL.
Ensuite, utilisez la commande ci-dessous et remplacez l’URL à la fin de la commande par l’URL de votre ressource.
curl -L -s -o /dev/null -D - https://kinstacdn.kinstalife.com/wp-content/uploads/2021/01/post-one.jpgAprès avoir exécuté cette commande, vous devriez voir une réponse comme celle-ci :
Il y a deux en-têtes dont il faut vérifier les valeurs : cf-cache-status et ki-cf-cache-status. Les valeurs varient selon que vous utilisez ou non votre propre compte Cloudflare (domaine Cloudflare) ou non (domaine non-Cloudflare).
Domaine non-Cloudflare (pas de compte Cloudflare)
Si le CDN de Kinsta est activé, il devrait y avoir une valeur HIT à côté des deux en-têtes (cf-cache-status et ki-cf-cache-status). Si vous voyez DYNAMIC ou MISS au lieu de HIT, essayez d’exécuter la commande quelques fois de plus pour amorcer le cache CDN. Vous devriez également voir l’en-tête ki-cache-tag dans la réponse, qui indique que la ressource est servie par le CDN de Kinsta.
Domaine Cloudflare (votre propre compte Cloudflare)
L’en-tête cf-cache-status indiquera si le cache a été renvoyé depuis votre compte Cloudflare et le ki-cf-cache-status indiquera si le cache a été renvoyé depuis l’intégration Cloudflare de Kinsta. Si la valeur de cf-cache-status est DYNAMIC ou BYPASS et que la valeur de ki-cf-cache-status est HIT, cela montre que le CDN de Kinsta est activé alors que le CDN est désactivé (généralement avec une règle de page) dans votre compte Cloudflare.
Remarques importantes
Voici quelques notes importantes concernant l’intégration du CDN de Kinsta.
- Si vous utilisez un CDN tiers, nous vous recommandons de le désactiver avant d’activer le CDN de Kinsta. L’utilisation de plusieurs services CDN pour un seul site peut causer des problèmes de purge des ressources.
- Si vous utilisez votre propre compte Cloudflare en plus de l’intégration Cloudflare de Kinsta, certains réglages de mise en cache et d’optimisation peuvent remplacer les réglages de Kinsta ou vice versa, selon le réglage. Dans ce cas, activer le CDN de Kinsta n’offrira que l’avantage de vous permettre de mettre en cache des fichiers plus volumineux que ce que proposent les plans Cloudflare Free, Pro et Business.
- La taille maximale des fichiers pouvant être mis en cache est de 5 Go.
- Les ressources statiques ne sont pas automatiquement servies en HTTPS. Si vous voulez vous assurer que toutes les ressources sont servies en HTTPS, nous vous recommandons d’activer Forcer HTTPS dans MyKinsta.
- Quand le CDN de Kinsta est activé, l’en-tête cache-control est configuré comme suit :
"Cache-Control", "public, max-age=31536000, s-maxage=31536000"
Cet en-tête Cache-Control remplace tous les en-têtesExpiresouCache-Controlconfigurés dans Nginx ou le TTL du cache du navigateur de votre compte Cloudflare. Si vous avez besoin d’en-têtesExpiresouCache-Controlpersonnalisés, vous devrez désactiver le CDN de Kinsta.
Résumé
Le CDN de Kinsta est un CDN haute performance disponible pour tous les clients Kinsta sans coût supplémentaire. Il est propulsé par notre intégration Cloudflare gratuite, et sert automatiquement votre contenu à partir de près de 275+ PoP dans le monde entier. Si vous avez des questions sur le CDN de Kinsta, n’hésitez pas à contacter notre équipe de support 24/7 pour plus d’assistance !