Utiliser Elementor avec des plugins de cache : conseils et réglages essentiels

Elementor est l’un des constructeurs de pages WordPress les plus populaires, et des plugins comme
LiteSpeed Cache et WP Fastest Cache sont largement utilisés pour accélérer les sites.
Ensemble, ils améliorent les performances, mais sans réglages adaptés, ils peuvent provoquer des conflits
tels que des mises à jour non visibles ou des styles cassés.
Voici comment configurer Elementor et vos plugins de cache correctement.

1. Désactiver le cache interne d’Elementor

Elementor inclut des options comme Element Cache et Optimize DOM Output.
Avec un plugin de cache actif, ces fonctions peuvent entrer en conflit et bloquer vos modifications.

Étapes :

1. Allez dans WordPress → Elementor → Settings
2. Ouvrez l’onglet Advanced
3. Désactivez Element Caching ou Optimize DOM Output
4. Sauvegardez les modifications

Sur les versions récentes : Settings → Performance → Element Cache → Disable.

2. Régler le plugin de cache

• Minify CSS/JS : désactivez pour éviter une double minification.
• Combine CSS/JS : souvent source de conflits, laissez désactivé.
• Purger le cache : après chaque édition, videz le cache du plugin.

3. Bon workflow

1. Dans Elementor : Tools → Regenerate CSS & Data
2. Dans le plugin : Purge All / Clear Cache
3. Rafraîchir le navigateur (Shift + F5)

4. Signes de conflit de cache

• Les changements ne s’affichent pas
• Styles incohérents entre desktop et mobile
• Le site s’affiche correctement uniquement après avoir vidé le cache

Conclusion

Elementor et les plugins de cache fonctionnent bien ensemble si vous :

• Désactivez la cache interne d’Elementor
• Désactivez Minify/Combine dans le plugin
• Pensez à vider le cache après vos modifications