Utiliser WP Rocket avec un CDN

Compatibilité avec les CDN : WP Rocket est compatible avec la plupart des fournisseurs de CDN, y compris MaxCDN, Amazon Cloudfront, Key CDN est les autres. Si vous souhaitez des informations sur CloudFlare, c'est par ici : utiliser WP Rocket avec CloudFlare

Dans cet article

RocketCDN

RocketCDN est un CDN Premium, optimisé pour WP Rocket et qui s'intègre facilement à partir de l'onglet CDN de WP Rocket :

Par défaut : le “Pull” CDN

Un “pull” CDN (ou “pull zone”) importera automatiquement (“pull”) les fichiers depuis votre site WordPress. il vous suffit d’entrer le CNAME qui vous est donné par votre fournisseur CDN dans l’onglet des réglages de WP Rocket :

WP Rocket réécrira toutes les URLs pour vos ressources statiques ajoutées via les fonctions de WordPress (par ex : images à la une, feuilles de style, etc.).

🛠   Attention ! Si vous voyez qu’une image n’est pas distribuée depuis votre CDN, il se peut que votre thème, ou un plugin, n’utilisent pas une fonction standard de WordPress pour ajouter cette image. Dans ce cas, vous pouvez utiliser cette fonction pour l’ajouter à votre CDN.

Avancé : le “Push” CDN

Un “push” CDN (ou “push zone”) n'importera aucun fichier de votre site par lui-même ; Vous devrez alors envoyer (“push”) tout les fichiers vers votre CDN.

☝️   WP Rocket n’a pas cette fonctionnalité de "Push". Vous aurez besoin d’une extension tierce pour envoyer vos ressources statiques.

Amazon Cloudfront

Si vous utilisez  Amazon Cloudfront comme “push” CDN, nous vous recommandons ce plugin pour envoyer automatiquement vers CloudFront vos ressources statiques :

WP Offload Media Lite

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

👓  Pour aller plus loin avec Cloudfront:

MaxCDN

👓  MaxCDN fournit des ressources pour les administrateurs de sites WordPress :

KeyCDN

👓  KeyCDN possède un tutoriel pour régler WP Rocket pour leur service :

WP Engine

Si votre site est hébergé par WP Engine et que vous avez activé l'option CDN, vous devez activer l'option CDN dans WP Rocket et entrer votre URL CDN pour que le plugin puisse le détecter et fonctionner correctement.

Si vous n'êtes pas sûr de l'URL de votre CDN, vous pouvez le trouver en suivant les instructions dans la documentation de WP Engine [EN].

Kinsta

Le CDN de Kinsta est géré par Cloudflare, il fonctionnera donc automatiquement avec WP Rocket. 
Il n'est pas nécessaire de cocher l'option "Activer le Content Delivery Network".

CDN sur les sites SSL

Si votre site a un certificat SSL, c'est à dire qu'il utilise HTTPS, cela signifie que votre CDN doit aussi distribuer les fichiers via HTTPS, sinon votre site aura des problèmes. Pour vérifier si votre CDN est compatible SSL, visitez la version HTTPS de l'URL de votre CDN depuis votre navigateur. S'il n'est pas compatible SSL, vous verrez une alerte de sécurité comme celle-ci dessous :

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

Résolution de Problèmes

Si vous rencontrez un problème dans la configuration de votre CDN avec WP Rocket, veuillez consulter cette documentation :

Si vous rencontrez d'autres problèmes avec votre configuration CDN dans WP Rocket, vous devez d'abord confirmer que c'est bien l'option qui pose problème. 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 fonction qui pose problème, veuillez consulter les conseils et articles suivants :

Exclure des fichiers du CDN

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

  • JavaScript files: /(.*).js
  • CSS files: /(.*).css
  • Images: /(.*).jpg , /(.*).png, /(.*).webp or /(.*).svg
  • PDFs: /(.*).pdf

Articles

Notes techniques

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

  • Filtre pour activer les réécritures CDN sur les balises de script inline :
    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' );

Attention : Si vous utilisez un répertoire d'uploads des média personnalisé, la fonction wp_uploads_dir est utilisée pour déterminer le bon chemin.

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.