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

RocketCDN

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

• Pour en savoir plus sur ce service, cliquez ici
• Lisez notre documentation

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

👓  Pour aller plus loin avec Cloudfront:

• Qu'est-ce qu'Amazon CloudFront ? Guide du Développeur
• How to use Amazon Cloudfront to speed up your WordPress site [EN]

MaxCDN

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

• Documentation de MaxCDN [EN]
• Configurer WP Rocket pour MaxCDN [EN]
• The CDN Troubleshooting Guide [EN]

KeyCDN

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

• Installing WP Rocket with KeyCDN [EN]

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

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

• Le CDN ne fonctionne pas, les fichiers ne sont pas envoyés au CDN
• Résoudre des problèmes avec CDN et les polices (icônes)
• Ajouter la fonction CDN à une image

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.