Peut-on faire de l’éco-conception avec Elementor ?

31/08/2026

Elementor traîne une réputation tenace dans le milieu de l’éco-conception : celle d’un constructeur qui alourdit les pages, empile les scripts et gonfle le code.
Dans le même temps, c’est l’un des outils les plus utilisés au monde pour créer des sites WordPress, précisément parce qu’il rend l’autonomie accessible à des équipes non techniques. 

Alors, contradiction ou faux débat ? La réponse tient en un mot : la méthode. Un site Elementor peut être sobre et performant, à condition de savoir ce que l’on fait, et de le mesurer. 

Éco-conception web : de quoi parle-t-on vraiment ?

L’éco-conception web consiste à concevoir un site qui rend le même service en consommant le moins de ressources possible. Selon la mise à jour de l’étude ADEME-Arcep publiée en janvier 2025*, le numérique représente 3 à 4 % des émissions mondiales de gaz à effet de serre et environ 4,4 % de l’empreinte carbone de la France en 2022. Sans action pour en limiter la croissance, cette empreinte pourrait augmenter d’environ 45 % d’ici 2030 par rapport à 2020.

Une précision importante sur la démarche : chez Galopins, l’éco-conception web ne se limite pas à la performance. Un site sobre est aussi un site accessible, utilisable par toutes les personnes en situation de handicap, léger ou lourd. Alléger le code, structurer proprement le contenu et soigner l’accessibilité relève de la même logique : faire mieux avec moins.

Reste que l’éco-conception ne se décrète pas, elle se mesure. Plusieurs outils permettent d’objectiver la sobriété d’une page : EcoIndex et EcoGrader évaluent la qualité technique et l’impact estimé, tandis que Website Carbon estime les émissions carbone à partir du volume de données transféré et du type d’hébergement. Ce sont ces indicateurs qui transforment une intention en résultat vérifiable.

Elementor est-il compatible avec l’éco-conception ?

Pour répondre honnêtement, il faut d’abord regarder d’où vient la mauvaise réputation, puis constater ce qui a réellement changé.

Pourquoi Elementor a mauvaise réputation 

La critique n’est pas infondée. Par défaut, Elementor ajoute son propre framework CSS et JavaScript, et peut alourdir une page de plusieurs centaines de kilo-octets selon l’usage. Le constructeur génère du code supplémentaire, charge parfois des ressources inutilisées, et produit une structure HTML plus lourde qu’un développement optimisé à la main. 

À cela s’ajoute un écosystème d’extensions tierces (add-ons) très riche mais parfois redondant : chaque widget installé pour combler un manque ajoute son lot de scripts et de styles. Un site Elementor mal configuré est donc effectivement un site lourd. C’est un fait, pas une opinion.

Ce qui a changé avec Elementor 4.0 et l’éditeur Atomic 

Là où le débat mérite d’être actualisé, c’est que l’équipe d’Elementor a entendu ces critiques. La version 4.0 marque une refonte architecturale profonde, avec les conteneurs Flexbox et un éditeur dit « Atomic » qui produit un DOM nettement plus léger et un code plus proche des standards modernes. 

Les sections imbriquées d’ancienne génération, gourmandes en balises, laissent place à une structure plus économe. Autrement dit, une partie des reproches historiques adressés à Elementor concernent des pratiques et des versions qui appartiennent désormais au passé. 

L’outil de 2026 n’est plus celui d’il y a cinq ans et le fossé de performance avec un site développé sur-mesure s’est considérablement réduit pour ceux qui l’utilisent correctement.

Comment éco-concevoir un site avec Elementor : les bonnes pratiques

Elementor ne rend pas un site sobre tout seul. Ce sont les décisions de conception et de configuration qui font la différence. Voici les leviers les plus efficaces.

Alléger le chargement des ressources 

Le premier réflexe consiste à activer le chargement conditionnel des ressources dans les réglages avancés d’Elementor. Cette option ne charge que les CSS et JavaScript des widgets réellement présents sur la page consultée, plutôt que la totalité de la bibliothèque. 

À l’échelle d’un site entier, l’économie de poids est loin d’être négligeable. On combine cela avec une bonne stratégie de cache et, idéalement, un hébergement performant et si possible alimenté en énergie décarbonée et le site devient plus respectueux de l’environnement.

Optimiser images et polices 

Les images représentent souvent la plus grosse part du poids d’une page. Il faut donc les compresser, les servir au format moderne WebP et activer le chargement différé (lazy-load) pour ne charger que ce qui est visible à l’écran. 

Côté typographie, l’hébergement local des polices, de préférence au format woff2 (environ 30 % plus léger que le woff), évite des requêtes externes et améliore au passage la conformité RGPD. Sur ce point, la nouvelle bibliothèque de polices native de WordPress facilite grandement les choses.

Limiter les extensions et la complexité 

C’est sans doute le levier le plus sous-estimé. Chaque extension ajoutée pour obtenir une fonctionnalité alourdit le site et complique sa maintenance. La sobriété commence par un tri : n’installer que l’indispensable, préférer une fonctionnalité native à un plugin, et concevoir des pages simples plutôt que des empilements d’effets.

Un design épuré n’est pas seulement une tendance esthétique, c’est aussi la façon la plus directe de réduire l’empreinte d’une page.

Mesurer et suivre l’impact

Enfin, aucune démarche d’éco-conception n’est sérieuse sans mesure. Passer chaque page clé au crible d’EcoGrader, de Website Carbon ou de Google Lighthouse permet de chiffrer les gains, d’identifier les points faibles et de suivre l’évolution dans le temps. Ce qui n’est pas mesuré ne peut pas être amélioré.

La vraie question n’est donc pas « page builder ou code ? » mais « quelle méthode, pour quel projet, avec quel niveau de trafic et qui pour le maintenir ? ».

Développement sur-mesure ou Elementor : lequel est le plus adapté à l’éco-conception ?

C’est la question de fond, et elle mérite une réponse nuancée.

Sur le papier, le développement sur-mesure garde l’avantage. En codant chaque ligne, on supprime toute dépendance inutile, on maîtrise chaque requête et on atteint un plancher de poids qu’un constructeur généraliste aura toujours du mal à égaler. 

Mais l’éco-conception ne se résume pas au poids d’une page isolée.
D’abord parce que l’empreinte réelle d’un site dépend surtout de son trafic : on n’attend pas la même exigence d’optimisation pour un site qui reçoit mille visites par mois et pour un autre qui en reçoit un million. 

Ensuite parce qu’un site vit après sa livraison. Un développement sur-mesure impose souvent de repasser par un prestataire à chaque modification, ce qui a un coût économique et humain, et parfois écologique quand la maintenance s’alourdit. C’est là qu’Elementor reprend l’avantage : il rend le client autonome. Les équipes internes créent leurs pages, mettent à jour leurs contenus et font vivre leur site sans dépendre de personne.

C’est la théorie, mais la pratique est plus nuancée. Un site codé de A à Z est souvent fourni avec un back-office, lui aussi développé à la main. Il est donc possible d’avoir un back-office qui garantit l’autonomie avec un site développé avec du code. Sa complexité dépend du budget client évidemment. Donc plus un client a du budget, plus les développeurs peuvent leur proposer un back-office se gérant en autonomie.
Sur les back-office fournis avec des sites codés à la main, les limites sont nativement en place. Ce qui peut être un avantage pour l’éco-conception.

Il est vrai que le back office wordpress peut être trop permissif. Les clients peuvent ajouter des plugins, sans réellement savoir ce qu’ils font. Ils ajoutent parfois des plugins inutiles parce qu’ils ne savant pas utiliser correctement les outils déjà en place. Sans le savoir, ils exposent parfois le site à des failles à cause de plugins infectés. Ils peuvent aussi ajouter des médias lourds, sans faire attention à optimiser les images.

Néanmoins, c’est également notre choix de rendre le back office ouvert à une sélection de profils. On pourrait facilement limiter les actions possibles pour le client. Cela limiterait l’autonomie côté client, mais permettrait à l’agence de garder la main sur ce qui est fait sur le site, et donc sur l’éco-conception. Notre rôle est de former les clients aux bonnes pratiques de l’éco conception, ensuite nous estimons que les clients doivent être libres de leur choix.

L’éco-conception après la livraison du site dépend principalement du budget, de la formation des clients et de l’importance qu’ils accordent à l’éco-conception. S’ils ne font pas attention, un site écoconçu à la livraison pourra très vite se dégrader.

La vraie question n’est donc pas « page builder ou code ? » mais « quelle méthode, pour quel projet, avec quel niveau de trafic et qui pour le maintenir ? ».
Un site Elementor rigoureusement optimisé, développé sur un thème vierge et débarrassé du superflu, atteint des scores d’éco-conception excellents tout en restant gérable par son propriétaire.
Pour la grande majorité des sites vitrines, associatifs ou institutionnels, c’est le meilleur compromis entre sobriété, autonomie et pérennité.

Nos résultats : des sites éco-conçus sous Elementor

La théorie, c’est bien. Les chiffres, c’est mieux. Voici deux projets de l’Agence Galopins menés sous WordPress et Elementor qui démontrent que la sobriété n’est pas incompatible avec le constructeur.

Lemon Tri

Pour Lemon Tri, référence française du tri sélectif en entreprise et acteur de l’économie sociale et solidaire, il s’agissait de transformer un site vieillissant de 2017, alourdi par de nombreuses extensions obsolètes et truffé de bugs visuels, en une plateforme moderne et durable. 

Le résultat parle de lui-même : une note A+ sur Website Carbon, A sur EcoGrader et A sur GTmetrix. Concrètement, une trentaine d’extensions obsolètes ont été remplacées par une dizaine d’extensions modernes, le trafic organique d’environ 3 000 clics mensuels a été préservé et même légèrement amélioré, et l’usage conjoint d’Elementor et d’ACF a rendu l’équipe interne totalement autonome. 

Comme le résume Ingrid Detourbet, responsable communication : « En tant qu’entreprise de l’ESS, nous cherchions une agence web alignée avec nos valeurs et nous sommes ravis de leur avoir confié la refonte de notre site. Ces mois de collaboration ont été un vrai plaisir ! »

Surfrider

Le projet Surfrider France, association de protection de l’océan, est peut-être la meilleure illustration. Le site précédent ne répondait pas aux critères d’éco-conception. Pour la refonte, chaque décision technique a été orientée par la sobriété et Elementor y a joué un rôle clé, à rebours des idées reçues. 

Le site a été développé sur un thème vierge pour n’embarquer que le strict nécessaire, et le constructeur a précisément été retenu pour éviter d’avoir à multiplier les extensions. 

Les photographies, lourdes, ont laissé place à plus de vingt illustrations minimalistes originales, nettement plus légères et réalisé par notre directrice artistique Manon Riquart.

Résultat : plus de 900 articles migrés, une soixantaine de pages éco-conçues et des notes A sur Website Carbon, EcoGrader et GTmetrix. 

L’autonomie, là encore, a été au cœur du projet : le passage à Elementor a permis aux équipes de reprendre la main sur leur site et de publier plus rapidement. 

Pour Lucie Leteurtre, chargée de projet digital, l’expertise en éco-conception de l’agence a permis d’améliorer considérablement la performance environnementale du site.

Elementor, un bon choix pour un web plus sobre ?

Oui, sans hésitation, à condition de respecter trois principes : une méthode rigoureuse, une exigence de sobriété dès la conception et une mesure systématique des résultats. 

La mauvaise réputation d’Elementor tient à des usages négligents et à des versions anciennes, pas à une fatalité technique. Bien maîtrisé, et depuis la version 4.0 plus encore, le constructeur permet d’atteindre d’excellents scores d’éco-conception.

Tout cela sans sacrifier l’autonomie durable du client et, pour la plupart des projets, c’est précisément ce qui fait la différence entre un beau site à la livraison et un site sobre qui le reste dans le temps.

FAQ : Elementor et l’éco-conception

Elementor ralentit-il forcément un site ?

Non. Par défaut, Elementor peut ajouter du code et alourdir une page, mais un site correctement configuré reste rapide et sobre. La performance dépend de la méthode, pas uniquement de l’outil.

Elementor 4.0 est-il plus léger que les versions précédentes ?

Oui. La version 4.0 introduit les conteneurs Flexbox et un éditeur « Atomic » qui allègent nettement le DOM et rapprochent le code des standards modernes. 

Faut-il coder un site en pur développement pour qu’il soit vraiment écologique ?

Pas nécessairement. Le développement sur-mesure atteint un plancher de poids plus bas, utile pour les sites à très fort trafic. Mais pour la majorité des projets, un site Elementor optimisé offre un excellent compromis entre sobriété, coût et autonomie du client. 

Comment mesurer l’éco-conception d’un site Elementor ?

En utilisant des outils comme EcoGrader, Website Carbon ou Google Lighthouse, qui évaluent le poids des pages, les émissions estimées et les leviers d’amélioration. 

L’éco-conception inclut-elle l’accessibilité ?

Oui. Un site sobre est aussi un site accessible : alléger le code et structurer proprement le contenu profitent autant à l’environnement qu’aux personnes en situation de handicap. L’accessibilité (référentiel RGAA) fait partie intégrante d’une démarche d’éco-conception cohérente.

*Source: https://academie.ademe.fr/parcours-thematiques/societe-et-politiques-publiques/numerique/evaluation-de-l-impact-environnemental-du-numerique-en-france/pr412

Image de Audrey Norvez

Audrey Norvez

Développeuse web spécialisée WordPress Elementor et surtout experte en investigation web !
3 ans d'expérience
Formation My Digital School

Maîtrise Vue.JS/ PHP/SSL/Architecture MVC
Programmation orientée objet

Voir les publications

Partager l’article

Sommaire

Encore curieux ?

Découvrez d’autres articles similaires sur notre blogue et devenez incollable sur le sujet !

Envie de parler de votre projet ?

Comme disait Jean de la Fontaine, “on a souvent besoin d’un plus petit que soi”, ça tombe bien, Galopins est là pour partir à l’aventure avec vous !

contactez-nous
Agence de communication Galopins

Ce site Web utilise des cookies

Nous utilisons des cookies pour personnaliser le contenu, fournir des fonctionnalités de réseaux sociaux et analyser notre trafic. Nous partageons également des informations sur votre utilisation de notre site avec nos partenaires analytiques. Vous pouvez modifier vos préférences à tout moment. Pour plus d'informations, veuillez consulter notre Politique de confidentialité et notre Politique en matière de cookies. Politique relative aux cookies