Utiliser Elementor avec WP Rocket
Ce document contient des conseils sur la façon d'utiliser Elementor et WP Rocket sur votre site web.
Elementor et Reporter l'exécution JavaScript
Si vous remarquez que la fonction Reporter l'exécution JavaScript interrompt ou même retarde le chargement de certains modules Elementor, vous pouvez cocher les cases correspondantes dans la section Exclusions en un clic, comme montré ci-dessous :
Le fait de cocher les cases et d'enregistrer les modifications devrait suffire à résoudre les problèmes de mise en page et à charger les éléments immédiatement.
Toutefois, si le problème persiste, il se peut que vous deviez trouver des exclusions personnalisées et les ajouter à la liste des fichiers JavaScript exclus.
Par exemple dans Elementor, si vous avez activé la fonctionnalité Chargement différé des images d’arrière-plan, vous devrez exclure lazyloadRunObserver
de l'option Reporter l'exécution JavaScript si vous souhaitez que les images d'arrière-plan se chargent immédiatement.
Effet Sticky de Elementor
Dans certains cas, l'option Chargement différé des fichiers JavaScript peut casser l'effet sticky d'Elementor, empêchant les éléments de rester fixes à l'écran pendant le défilement.
Si cela se produit sur votre site, essayez de définir les éléments suivants dans la zone d'exclusion du Chargement différé des fichiers JavaScript :
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js /jquery-migrate(.min)?.js /elementor-pro/assets/lib/sticky/jquery.sticky.min.js
Si cette option est activée, les mêmes exclusions doivent être ajoutées à l'option Reporter l'exécution JavaScript.
L'éditeur de Elementor ne se charge pas
Dans certains cas, les ressources des serveurs ne sont pas suffisantes pour traiter les optimisations de WP Rocket et les modifications faites dans Elementor en même temps.
Les images d'arrière-plan d'Elementor ne sont pas lazyloadées
WP Rocket's LazyLoad doesn't work on Elementor's background images. Please try the suggestion found here.
Le LazyLoad de WP Rocket ne fonctionne pas sur les images d'arrière-plan d'Elementor. Dans ce cas, vous pouvez essayer ce plugin (pas d'affiliation avec WP Rocket): https://fr.wordpress.org/plugins/lazy-load-background-images-for-elementor/
Expériences et fonctionnalités d'Elementor
Elementor dispose de quelques options de performance et d'expérimentation sous Elementor > Réglages >Fonctionnalités.
Si vous utilisez l'option Chargement différé des images d’arrière-plan, il peut être nécessaire d'exclurelazyloadRunObserver
de l'option Reporter l'exécution JavaScript.
Il n'y a pas d'autres problèmes connus avec les fonctions Expériences et fonctionnalités d'Elementor.
Purge synchronisée du cache
Les actions suivantes dans Elementor déclencheront l'effacement partiel ou total du cache de WP Rocket :
- La Méthode d’impression CSS d'Elementor est réglée sur Fichier externe.
- Mise à jour d'un article ou d'une page à partir de l'éditeur Elementor.
- Le mode de maintenance d'Elementor est modifié