Rendre performant et visible un site WordPress construit avec Elementor ou Divi

Créer un site WordPress avec Elementor ou Divi est devenu un réflexe pour de nombreux entrepreneurs, indépendants et TPE. Ces deux "constructeurs de pages" (aussi appelés page builders) permettent de concevoir un site pro sans savoir coder. En France, près de 30% des sites WordPress actifs sont réalisés avec Elementor ou Divi (source : W3Techs, 2024). Mais qui dit simplicité ne veut pas dire efficacité immédiate. Un site visuellement réussi peut souffrir de lenteur, de mauvais référencement ou d’erreurs techniques, surtout si l’on ne connaît pas quelques bonnes pratiques d’optimisation.

Un site lent ou mal optimisé décourage 53% des visiteurs s’il met plus de 3 secondes à charger (source : Google, 2022). Sur mobile, cet effet est encore plus marqué. En parallèle, Google tient beaucoup compte de la performance technique pour classer les pages dans ses résultats. Enfin, qui dit site WordPress dit aussi risques de piratage si certaines astuces de sécurité ne sont pas appliquées. Optimiser, c’est donc :

• Augmenter la rapidité
• Améliorer le SEO
• Renforcer la sécurité
• Offrir une meilleure expérience à vos clients ou prospects

Elementor et Divi créent des pages riches en design, mais génèrent souvent du code supplémentaire (HTML, CSS, JavaScript) comparé à un site WordPress "classique". Cette richesse peut entraîner :

• Des temps de chargement plus longs
• Des ressources lourdes (images, polices, scripts)
• Un code source parfois complexe pour les moteurs de recherche

La bonne nouvelle, c’est que tout cela se maîtrise, pour peu qu’on suive une série d’étapes concrètes.

Optimiser les images, la grande négligée

Près de 60% du poids d’une page web vient souvent des images (source : HTTP Archive, 2023). Les constructeurs intègrent des galeries et bannières attrayantes, mais attention : importer directement des photos depuis un smartphone ou une banque d’images surpuissance votre site inutilement.

• Redimensionner chaque image à la taille réelle d’affichage (ex : inutile d’uploader une photo en 4000px pour l’afficher en 800px !)
• Privilégier des formats modernes, comme WebP, plus compacts que JPEG ou PNG
• Compresser les images avant envoi, avec des services gratuits comme TinyPNG ou Squoosh

Limiter les polices et effets

Chaque police personnalisée ou animation ajoutée par Elementor ou Divi alourdit la page. N’utilisez que 1 à 2 polices maximum, et limitez les animations à l’essentiel.

Désactiver les modules inutiles

Par défaut, Elementor et Divi chargent leur “boîte à outils” en entier. Vous pouvez, depuis leurs réglages, désactiver les modules et widgets dont vous ne vous servez jamais. Moins de code = chargement plus rapide.

Deux leviers très efficaces :

1. Activer un plugin de cache (par exemple WP Super Cache ou W3 Total Cache). Cela permet de conserver en mémoire les pages pour accélérer leur affichage.
2. Minifier CSS/JS : réduire la taille des fichiers CSS et JavaScript générés par le constructeur. Beaucoup de plugins de cache le proposent, ou utilisez un plugin dédié comme Autoptimize.

Attention à bien tester le site après activation, car parfois trop d’optimisation “casse” des éléments visuels.

Les plugins comme Elementor ou Divi sont très populaires, donc régulièrement visés par des failles (source : WPScan, base de données des vulnérabilités WordPress) :

• Mettez toujours à jour WordPress, le thème et tous les plugins dès qu’une nouvelle version sort
• Désinstallez les plugins inutilisés, cela réduit les failles potentielles
• Protégez l’accès à l’admin avec un mot de passe solide et, si possible, une double authentification (par exemple avec WP 2FA)

Soigner la version mobile

80% des visites se font sur mobile en France en 2024 (source : Médiamétrie). Elementor et Divi ont tous deux des outils de prévisualisation mobile : servez-vous-en !

• Testez chaque page sur smartphone et tablette
• Adaptez les tailles de police, les marges et les espacements pour mobile
• Cachez (ou modifiez) certains blocs trop lourds/descriptifs sur mobile

Structurer les pages pour le SEO

Même avec un constructeur visuel, la structure HTML (titres, paragraphes, balises alt sur les images) reste très importante :

• Utilisez systématiquement un seul H1 par page (le titre principal), puis des H2, H3 pour structurer vos contenus
• Ajoutez des balises alt sur chaque image pour l’accessibilité et le référencement
• Dynamisez vos titres (les balises title / meta et slug de vos pages sont faciles à modifier avec des plugins comme Yoast SEO ou RankMath)

Un site bien structuré est plus digeste pour Google et pour vos visiteurs.

Optimiser le maillage interne

Ajoutez des liens vers les autres pages de votre site (maillage interne) pour aider les moteurs à explorer votre contenu, mais aussi garder vos visiteurs plus longtemps.

Rien ne sert d’optimiser une fois pour toutes : gardez un œil sur les performances en continu.

• Mesurez la vitesse avec des outils comme Google PageSpeed Insights ou WebPageTest. Idéalement, visez un score supérieur à 85/100.
• Consultez Google Search Console pour remonter et corriger les erreurs détectées par Google
• Vérifiez la compatibilité mobile ici.

Intégrez ces vérifications dans votre routine, par exemple tous les deux mois, pour rester agile et réactif.

• Accumulering les plugins : trop de plugins entrainent conflits et surpoids. Préférez moins d’outils mais mieux paramétrés.
• Utiliser des modèles "tout faits" sans adaptation : beaucoup de thèmes Elementor/Divi sont jolis, mais truffés d’éléments inutiles. Nettoyez vos pages !
• Laisser les images dans la bibliothèque WordPress alors qu’elles ne sont plus utilisées : faites le ménage pour libérer de l’espace d’hébergement.
• Ignorer les alertes de sécurité ou de mise à jour : chaque retard fragilise votre site.

• Base de connaissances Elementor et documentation officielle Divi : tutoriels, astuces, FAQ
• GTMetrix : pour tester très précisément la rapidité de vos pages et obtenir des pistes d’amélioration
• WP Rocket (payant) : plugin de cache très performant avec options spéciales pour les constructeurs
• Guide SEO spécial Divi (en anglais, très complet)

Optimiser un site construit avec un builder comme Elementor ou Divi ne demande pas d’être ingénieur, mais de respecter quelques priorités simples. Travaillez d’abord le poids des pages (images, scripts inutiles), sécurisez vos installations et structurez vos contenus pour les visiteurs et pour Google. Gardez une routine de mises à jour et de tests réguliers, et surtout, n’hésitez pas à faire le ménage dans vos outils et éléments visuels. Vous gagnerez en visibilité, en tranquillité, et offrirez à vos clients une expérience vraiment pro.