Est-ce vraiment possible d’atteindre 90+ mobile avec Elementor ?
Oui — et je le fais régulièrement. La réputation d’Elementor comme « page builder lent » vient de sites mal configurés, pas du plugin. Un site Elementor Pro bien optimisé atteint systématiquement 90+ mobile et 95+ desktop. Cette checklist est le résultat de 150+ projets.
Bloc 1 : Structure Elementor
- ✅ Thème : Hello Elementor Child uniquement
- ✅ Containers Flexbox exclusivement (aucune Section/Colonne legacy)
- ✅ Balisage optimisé activé (Elementor → Expériences)
- ✅ Chargement conditionnel des assets activé (Elementor → Paramètres → Avancé)
- ✅ Widgets non utilisés désactivés (Elementor → Éléments)
- ✅ Aucun plugin add-on Elementor superflu
Bloc 2 : Images
- ✅ Imagify en mode Agressif + WebP activé
- ✅ Toutes les images servies en WebP
- ✅ Dimensions width/height définies sur tous les widgets Image
- ✅ Lazy load activé sur toutes les images SAUF l’image hero
- ✅ Image hero :
loading="eager"+fetchpriority="high" - ✅ Aucune image > 200 Ko après compression
Bloc 3 : Cache et minification (WP Rocket)
- ✅ Cache mobile activé
- ✅ Minifier CSS activé, combiner CSS DÉSACTIVÉ
- ✅ Minifier JS activé, combiner JS DÉSACTIVÉ
- ✅ Defer JS activé avec exclusions (jQuery, Elementor)
- ✅ Fonts Google hébergées localement
- ✅ YouTube remplacé par miniature cliquable
- ✅ Préchargement du cache activé
Bloc 4 : Hébergement et CDN
- ✅ PHP 8.2 minimum
- ✅ HTTPS forcé + SSL valide
- ✅ TTFB < 200ms (test GTmetrix depuis Paris)
- ✅ Cloudflare : Brotli activé, HTTP/3 activé, Rocket Loader DÉSACTIVÉ
- ✅ SSL Cloudflare en mode « Complet (strict) »
Bloc 5 : JavaScript tiers
- ✅ GA4 via Google Tag Manager (pas de script direct)
- ✅ GTM en mode async
- ✅ Chat live chargé en lazy (après interaction utilisateur)
- ✅ Facebook Pixel différé via GTM
Ordre de diagnostic si le score reste bas
- Vérifiez le TTFB dans GTmetrix — si > 500ms, problème d’hébergeur
- Identifiez la métrique dégradée dans PSI (LCP, INP, ou CLS)
- Vérifiez que l’image hero est exclue du lazy load
- Vérifiez que Rocket Loader Cloudflare est désactivé
- Vérifiez qu’aucun JS tiers ne bloque le rendu
→ Retour au guide Performances WordPress Elementor
FAQ — Score PageSpeed 90+ avec Elementor Pro
Quel est le score PageSpeed mobile moyen d’un site Elementor Pro non optimisé ? En général, entre 40 et 65 sur mobile. Les facteurs clés qui dégradent le score sans optimisation : images non compressées (50-60% du poids de la page), pas de cache serveur (chaque page se génère en PHP), fonts Google externes (requête DNS supplémentaire), et JavaScript non différé. Chaque item de cette checklist apporte 5 à 15 points supplémentaires.
Les Containers Flexbox améliorent-ils vraiment le score PageSpeed vs les Sections legacy ? Oui. Les Containers génèrent moins de divs HTML imbriqus et un CSS plus léger. Elementor lui-même recommande la migration vers les Containers pour les performances. Sur des pages complexes, la différence peut être de 5 à 10 points. La migration depuis les Sections/Colonnes legacy vers les Containers se fait via Elementor → Outils → Convertir les layouts.
Peut-on atteindre 90+ mobile avec Elementor Pro sur un hébergement mutualisé o2switch ? Oui, c’est possible et c’est la configuration la plus courante sur mes projets. La combinaison o2switch (LiteSpeed) + WP Rocket + Imagify + Cloudflare (gratuit) + Hello Elementor Child atteint systématiquement 90+ mobile sur des sites vitrine et 85+ sur des e-commerces. Le LiteSpeed Server d’o2switch compense bien le contexte mutualisé.
Faut-il désactiver tous les widgets inutilisés dans Elementor pour les performances ? Oui, en activant le chargement conditionnel des assets (Elementor → Paramètres → Avancé → « Charger les styles Elementor uniquement lorsque nécessaire »). Avec cette option, seuls les scripts des widgets réellement présents sur la page sont chargés. Sans cette option, tous les widgets chargent leurs CSS/JS sur chaque page, même s’ils ne sont pas utilisés.
Mon client a installé des add-ons Elementor (Essential Addons, Piotnet Forms…) : impact sur le PageSpeed ? Les add-ons Elementor chargent leurs propres CSS et JS, parfois sur toutes les pages même quand leurs widgets ne sont pas utilisés. Impact typique : -5 à -20 points selon l’add-on et sa configuration. Avec le chargement conditionnel activé, l’impact est réduit. Pour minimiser l’impact, désactivez les widgets des add-ons que vous n’utilisez pas depuis leur panel de gestion.