Pourquoi le choix du thème impacte les performances d’Elementor
Sur un site Elementor Pro, le thème génère le shell HTML de la page : DOCTYPE, head, header, footer. Si le thème charge son propre CSS, JS et polices, ces ressources s’ajoutent à celles d’Elementor. Sur un thème lourd comme Divi ou Avada, le surpoids peut atteindre 200 à 500 Ko supplémentaires par page.
Hello Elementor — Le choix officiel et le plus léger
Hello Elementor est le thème officiel créé par l’équipe Elementor. Zéro CSS superflu, zéro police externe, zéro JS propre. HTML minimal. C’est le thème utilisé sur tous mes projets. Poids CSS total : ~5 Ko. JS : 0. Impact PageSpeed : maximal.
GeneratePress — Le meilleur alternatif pour les blogueurs
GeneratePress est un thème léger et bien codé, compatible avec Elementor. ~30 Ko de CSS propre, mais options typographie et layout natives intéressantes. Son module GenerateBlocks permet de créer des mises en page sans Elementor. Bon choix pour les blogs mixant contenu Gutenberg et pages Elementor.
Astra — Populaire mais moins optimal pour Elementor
Astra est le thème WordPress le plus installé au monde. Léger en théorie (~50 Ko CSS) mais charge ses propres styles et scripts même quand Elementor Pro gère tout le design, créant un double chargement de styles. Non recommandé pour les projets Elementor pure.
Tableau comparatif
| Critère | Hello Elementor | GeneratePress | Astra |
|---|---|---|---|
| CSS propre | ~5 Ko | ~30 Ko | ~50 Ko |
| JS propre | 0 | Minimal | Présent |
| Compatibilité Theme Builder | Native (officielle) | Très bonne | Bonne |
| Prix | Gratuit | 59 $/an Pro | 59 $/an Pro |
| Mon avis | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
Ma recommandation
Pour tout projet Elementor Pro : Hello Elementor Child (version enfant). Créez un thème enfant pour ajouter du CSS et PHP personnalisés sans perdre vos modifications lors des mises à jour. Stack la plus légère, la plus maintenue, et la plus compatible avec le Theme Builder Elementor Pro.
→ Retour au guide Performances WordPress Elementor
FAQ — Thème et performances Elementor Pro
Peut-on utiliser n’importe quel thème avec Elementor Pro ? Techniquement oui, mais les résultats en performances varient considérablement. Les thèmes multip-purpose comme Divi, Avada ou Betheme chargent leurs propres frameworks CSS et JS (parfois 500 Ko+) qui s’ajoutent à ceux d’Elementor. Sur un thème lourd, un score PageSpeed de 90+ est très difficile à atteindre. Avec Hello Elementor, 90+ est la norme avec une bonne configuration WP Rocket + Imagify.
Comment créer un thème enfant (child theme) pour Hello Elementor ? Méthode 1 (plugin) : utilisez le plugin Child Theme Configurator, sélectionnez Hello Elementor comme parent, générez le thème enfant. Méthode 2 (manuelle) : créez un dossier hello-child dans wp-content/themes/, ajoutez un fichier style.css avec l’en-tête de thème enfant, et un fichier functions.php pour enqueue le CSS parent. Activez le thème enfant dans WP → Apparence → Thèmes.
Astra peut-il atteindre les mêmes performances qu’Hello Elementor avec Elementor Pro ? Oui, mais nécessite plus de travail de configuration : désactivez tous les modules Astra inutiles (Performance Settings), désactivez les polices Astra, limitez le CSS chargé. Avec une configuration soignée, Astra peut approcher les performances d’Hello Elementor. Mais pourquoi travailler plus pour un résultat équivalent ? Hello Elementor est déjà optimal par défaut.
GeneratePress ou Hello Elementor si j’utilise Gutenberg pour les articles et Elementor pour les pages ? GeneratePress est le meilleur choix dans cette configuration hybride. Il gère mieux les styles Gutenberg natifs (boutons, galeries, colonnes) que Hello Elementor, qui est minimaliste et ne stylie pas les blocs Gutenberg par défaut. Avec GeneratePress, vos articles Gutenberg auront un rendu visuel correct sans ajouter de CSS custom.
Le thème a-t-il un impact sur la vitesse de l’éditeur Elementor ? Oui, indépendamment des performances front-end. Un thème lourd avec beaucoup de CSS et JS peut ralentir le chargement de l’éditeur Elementor en back-office, car l’éditeur charge aussi les ressources du thème pour le rendu en temps réel. Avec Hello Elementor, l’éditeur se charge plus rapidement qu’avec un thème multi-purpose, améliorant votre productivité en conception.