Deux systèmes de cache qui coexistent
Elementor Pro génère son propre CSS par page (stocké dans /wp-content/uploads/elementor/css/). WP Rocket génère un cache HTML de chaque page. Ces deux systèmes doivent être synchronisés — quand vous modifiez une page, vous devez purger les deux caches pour que les modifications soient visibles.
Conflit 1 : Les modifications Elementor ne s’affichent pas
Symptôme : vous modifiez une page dans Elementor, publiez, mais la modification n’est pas visible sur le site. Solution : cliquez sur « Mettre à jour » (pas « Enregistrer ») — Elementor envoie normalement un signal à WP Rocket pour purger le cache de cette page. Si cela ne fonctionne pas, purgez manuellement via WP Rocket → « Vider le cache ».
Conflit 2 : Page blanche ou CSS cassé après activation du cache
Symptôme : après activation ou modification de WP Rocket, certaines pages s’affichent sans styles. Solution : désactivez la combinaison CSS dans WP Rocket, purgez tout le cache, puis régénérez le CSS Elementor depuis Elementor → Outils → Régénérer les fichiers CSS et les données.
Conflit 3 : Formulaires Elementor qui ne s’envoient plus
Cause : le defer JS a différé les scripts nécessaires au Form Builder Elementor Pro. Solution : dans WP Rocket → Fichiers → Exclusions JS, ajoutez elementor-pro.min.js et jquery.min.js.
Conflit 4 : Le cache mobile sert la version desktop
Symptôme : sur mobile, des éléments configurés pour être masqués s’affichent quand même. Solution : activez « Activer le cache pour les appareils mobiles » dans WP Rocket → Cache. Si le design mobile est entièrement différent, activez aussi « Cache mobile séparé ».
La purge de cache Elementor : l’ordre correct
Purgez dans cet ordre : (1) Régénérer les fichiers CSS Elementor (Elementor → Outils), (2) Purger le cache WP Rocket (bouton dans l’admin bar), (3) Purger le cache Cloudflare. Cette séquence garantit que chaque couche repart des fichiers à jour.
→ Retour au guide Performances WordPress Elementor
FAQ — Cache Elementor + WP Rocket
Elementor a-t-il son propre cache indépendant de WP Rocket ? Oui. Elementor gère un cache CSS par page et par template. Ce cache stocke les styles générés dynamiquement pour chaque page dans le dossier /wp-content/uploads/elementor/css/. WP Rocket gère séparément un cache HTML complet de chaque page. Les deux caches sont distincts et doivent être purgés séparément.
Pourquoi mon site Elementor s’affiche différemment en navigation privée ? La navigation privée bypasse le cache navigateur local. Si le site est différent en privé vs normal, c’est souvent du cache navigateur. Si le site est différent pour les utilisateurs connectés vs non connectés, vérifiez que « Cache pour les utilisateurs connectés » est désactivé dans WP Rocket si votre site n’a pas d’espace membre.
WP Rocket purge-t-il automatiquement le cache Elementor ? Non directement. WP Rocket purge son propre cache HTML. Le cache CSS Elementor est purgé séparément depuis Elementor → Outils → Régénérer les fichiers CSS. Cependant, quand Elementor publie une mise à jour d’une page, il régénère son CSS et envoie un signal à WP Rocket pour purger le cache de cette page spécifique.
Mon popup Elementor Pro ne s’affiche plus depuis que j’ai activé WP Rocket : que faire ? Les popups Elementor dépendent de JavaScript. Vérifiez les exclusions JS defer dans WP Rocket — ajoutez elementor-pro.min.js si ce n’est pas déjà fait. Vérifiez aussi les conditions de déclenchement de votre popup dans Elementor (délai, scroll, exit intent) — certaines conditions peuvent être affectées par le defer. Testez en désactivant temporairement WP Rocket pour isoler la cause.
L’option « Exclusions de cache » de WP Rocket est-elle utile pour Elementor ? Oui dans certains cas. Les pages avec contenu dynamique (paniers WooCommerce, zones login, contenus personnalisés) ne doivent pas être mises en cache. WP Rocket exclut automatiquement les pages WooCommerce (panier, checkout, compte). Pour les pages avec contenus dynamiques basés sur des conditions Elementor Pro (Conditional Display), ajoutez-les manuellement dans les exclusions d’URL.