Optimiser Elementor : les techniques qui font vraiment la différence
Un site Elementor non optimisé peut obtenir 40-60/100 sur PageSpeed mobile. Avec la bonne stack et les bons réglages, le même site peut atteindre 90+/100. Voici les optimisations qui ont le plus d’impact, classées par priorité.
1. L’hébergement : la base de tout
Un hébergement lent ne peut pas être compensé par un plugin de cache. Choisissez un serveur LiteSpeed (o2switch, PlanetHoster) ou Nginx performant. Passez à PHP 8.2 si ce n’est pas déjà le cas — le gain de performance est mesurable.
2. Le thème : Hello Elementor ou GeneratePress
Hello Elementor est le thème officiel ultra-léger (quelques Ko de CSS). Il ne charge rien d’inutile et laisse Elementor Pro contrôler l’intégralité du design. GeneratePress est une alternative légère si vous avez besoin d’un système de menu natif. Évitez les thèmes multifunctions qui chargent des scripts et styles inutiles.
3. Optimisation des images : Imagify ou Shortpixel
Les images sont généralement le plus grand poids d’une page. Imagify (ou Shortpixel) compressent et convertissent automatiquement vos images en WebP lors de l’upload. Le lazy loading (natif dans Elementor depuis la v3.0) diffère le chargement des images hors-écran.
4. Le cache et la minification : WP Rocket ou LiteSpeed Cache
WP Rocket reste la référence payante (~59 €/an) pour sa facilité de configuration et son efficacité. Il minifie HTML, CSS et JS, gère le preloading, le lazy loading des iframes, et s’intègre avec Cloudflare. Sur serveur LiteSpeed (o2switch), LiteSpeed Cache est une alternative gratuite très performante.
5. Les réglages Elementor
Dans Elementor → Paramètres → Performances, activez « Improved CSS Loading » et « Improved Assets Loading » (Elementor 3.x). Ces options réduisent le CSS chargé sur chaque page aux seuls widgets utilisés. Désactivez également les widgets que vous n’utilisez pas dans Fonctionnalités.
FAQ — Optimiser Elementor en 2026
Quel score PageSpeed est réaliste pour un site Elementor Pro bien optimisé ? Sur mobile, 85-95/100 est réaliste avec la bonne stack (Hello Elementor Child, WP Rocket ou LSCache, Imagify WebP, Cloudflare CDN, serveur LiteSpeed). Desktop atteint facilement 95-100/100. Les sites avec beaucoup de polices custom, animations, et scripts tiers (chat, analytics, publicités) auront des scores plus bas. L’objectif réaliste pour la plupart des projets est 85+ mobile.
WP Rocket est-il compatible avec Elementor Pro et Crocoblock ? Oui, pleinement. WP Rocket est conçu pour WordPress et est compatible avec tous les plugins WordPress, dont Elementor Pro et Crocoblock. Quelques précautions : désactivez la minification JS si elle casse des fonctionnalités (testez sur staging), et activez « Délai JS » uniquement après avoir vérifié que les formulaires et filtres fonctionnent correctement.
Comment réduire le Cumulative Layout Shift (CLS) sur Elementor ? Le CLS est souvent causé par des images sans dimensions définies, des polices web qui se chargent tard, ou des éléments qui se déplacent au chargement. Solutions : définissez toujours width et height sur vos images Elementor, utilisez font-display:swap pour les Google Fonts, et évitez les animations qui repositionnent des éléments au chargement.
Faut-il désactiver les animations Elementor pour améliorer les performances ? Les animations d’entrée Elementor (fondu, glissement) ont un impact minime sur les performances si elles sont codées en CSS pur. Les « Motion Effects » (parallaxe, scroll) utilisent du JavaScript et peuvent impacter le score JS. Si votre score de performance est faible, désactivez d’abord les Motion Effects et testez la différence avant de supprimer les animations d’entrée.
Le passage aux Containers Flexbox Elementor améliore-t-il les performances ? Oui, significativement. Les Containers Flexbox génèrent un HTML moins imbriqué et un CSS plus léger que l’ancien système Section/Colonne. En migrant vers les Containers, vous réduisez le nombre de divs générées, ce qui se traduit par un CSS plus petit et un rendu plus rapide. La migration n’est pas automatique — les anciennes pages en Section/Colonne ne sont pas migrées d’office, mais les nouvelles pages peuvent être créées en mode Containers.