Utiliser WP Rocket avec un CDN

Oubliez les maux de tête liés à la configuration, WP Rocket a maintenant son propre service CDN premium, RocketCDN. Notre configuration automatique permet d'obtenir les meilleurs résultats en termes de vitesse !

Compatibilité CDN: Cette fonctionnalité est généralement compatible avec la plupart des fournisseurs CDN, notamment Amazon CloudFront, MaxCDN, KeyCDN et d'autres.
En fonction de vos besoins, vous pouvez bien sûr utiliser n'importe quel CDN en plus de Cloudflare. Si vous avez besoin d'informations sur Cloudflare, c'est ici : utiliser WP Rocket avec Cloudflare

Dans cet article

RocketCDN

RocketCDN est un service CDN premium et optimisé avec une intégration facile depuis l'onglet CDN de WP Rocket :

Par défaut : CDN "pull"

Un CDN "pull" (ou "zone pull") importera automatiquement ("pull") les fichiers de votre site WordPress. Pour utiliser WP Rocket avec un CDN "pull", activez l'option Activer la livraison de contenu, copier le CNAME (domaine) qui vous a été donné par votre fournisseur CDN et le mettre dans le champ CDN CNAME dans l'onglet CDN des paramètres de WP Rocket :

La fonctionnalité CDN de WP Rocket va :

  • Réécrire toutes les URL pour vos actifs (fichiers statiques comme les images, les fichiers CSS/JS) qui sont présents dans le HTML de la page.
  • Ajouter une indication de ressource preconnect pour votre CDN CNAME, avec un dns-prefetch comme solution de repli.

Attention ! Si vous voyez qu'un fichier n'est pas servi par votre CDN, c'est peut-être parce qu'il est chargé à partir d'une requête AJAX, ou qu'il est inséré dynamiquement dans la page après que le code HTML a déjà été généré.

Avancé : CDN "poussé"

Un CDN "push" (ou "zone push") n'importe aucun fichier de votre site web par lui-même ; au lieu de cela, votre site web doit envoyer ("push") tous les fichiers nécessaires au CDN.

Amazon CloudFront

Si vous utilisez Amazon CloudFront en tant que CDN "push", nous vous recommandons ce plugin (ainsi que le module complémentaire pour les autres fichiers statiques) pour que vos ressources soient téléchargées automatiquement vers CloudFront :

WP Offload Media Lite

Important : L'option WP Offload Media Lite Rewrite Asset URLs (trouvée sur Offload Media > ; Assets) empêchera WP Rocket de minifier les CSS et de minifier et combiner les fichiers JavaScript. Elle doit être désactivée.

Lecture complémentaire sur Cloudfront:

MaxCDN

MaxCDN fournit ces ressources pour les administrateurs de sites WordPress :

KeyCDN

KeyCDN ont un tutoriel pour configurer WP Rocket avec leur service ici :

Kinsta

Le CDN de Kinsta est alimenté par Cloudflare, il fonctionnera donc automatiquement avec WP Rocket.

Il n'est pas nécessaire de cocher l'option "Enable Content Delivery Network".

WP Engine

Si vous utilisez la solution de WP Engine Global Edge Security ou advanced network, vous devez désactiver l'option CDN dans WP Rocket. Les deux services disposent de la fonctionnalité CDN au niveau DNS.

Optimole

Si votre site utilise Optimole pour l'optimisation des images et la livraison en utilisant leur CDN gratuit, vous n'avez pas besoin d'activer l'option CDN dans WP Rocket et d'ajouter CDN CNAME.

GoDaddy CDN

L'option CDN de WP Rocket n'a pas besoin d'être activée dans WP Rocket.

Si votre site est hébergé chez GoDaddy Managed WP et que vous utilisez leur service CDN, vous devez toujours activer l'option CDN dans WP Rocket, et entrer votre URL CDN dans notre champ CNAME (ex. https://secureservercdn.net/166.62.107.20/wmr.xxx.myftpupload.com/) afin que notre plugin puisse le détecter et fonctionner correctement. Si vous n'êtes pas sûr de votre CNAME, veuillez contacter votre support GoDaddy.

Siteground CDN

Le CDN propre à Siteground fonctionne au niveau du domaine (comme Cloudflare), il n'y a donc rien à faire dans l'option CDN dans WP Rocket.

WPX CDN

Le CDN personnalisé de WPX est complètement intégré à WP Rocket, il n'y a donc rien à faire dans l'onglet CDN de WP Rocket.

CDN sur les sites SSL

Si votre site est compatible avec SSL, c'est-à-dire qu'il utilise HTTPS, votre CDN doit également servir les fichiers via HTTPS. Pour vérifier si votre CDN est compatible avec le protocole SSL, visitez la version HTTPS de l'URL de votre CDN dans votre navigateur. Si ce n'est PAS le cas, vous verrez apparaître un avertissement de sécurité comme celui ci-dessous :

Vous devez contacter votre fournisseur CDN pour activer HTTPS pour votre compte.

Dépannage

Si vous rencontrez d'autres problèmes avec votre configuration CDN dans WP Rocket, vous devez d'abord confirmer que c'est la fonctionnalité problématique. Vous pouvez le faire en désactivant temporairement cette option et en vérifiant si le problème est résolu.

Une fois que vous avez confirmé que la réécriture CDN est la fonctionnalité problématique, veuillez consulter les conseils et articles suivants :

Exclure des fichiers du CDN

Si vous rencontrez des problèmes pour servir certains types de fichiers à partir du CDN, vous pouvez les exclure comme suit :

  • Fichiers JavaScript : /(.*).js
  • Fichiers CSS : /(.*).css
  • Images : /(.*).jpg , /(.*).png, /(.*).webp ou /(.*).svg
  • PDF : /(.*).pdf

Articles

Notes techniques

Vous pouvez utiliser les filtres et snippets suivants pour personnaliser la réécriture CDN en fonction de vos besoins :

  • Filtre pour activer les réécritures CDN sur les balises de script en ligne:
    add_filter('rocket_cdn_exclude_inline_scripts', '__return_false' );

  • Filtre pour désactiver les réécritures CDN sur les chemins relatifs:
    add_filter('rocket_cdn_relative_paths', '__return_false' );

Note : Si vous utilisez un répertoire de téléchargement personnalisé, la fonction wp_uploads_dir est utilisée pour déterminer le chemin d'accès correct.

Cela a-t-il répondu à votre question ? Merci pour votre retour :) Une erreur est survenue lors de l’envoi de votre retour. Veuillez réessayer plus tard.

Articles en relation