Éco-conception web

My eco-design approach

Eco-design means building a site that does its job with the least resources. For me it is not an option or a selling point, it is the way I build by default. Here is what that means in practice.

Sobre, donc solide

L'éco-conception n'est pas un label qu'on colle à la fin. C'est une façon de décider, à chaque étape, de ne charger que ce qui sert vraiment. Aujourd'hui n'importe qui sort un site en quelques prompts, mais dessous c'est lourd. Du code en trop, des dizaines de scripts, des images jamais optimisées, plusieurs mégaoctets à chaque visite. Résultat, un site lent, fragile et difficile à faire évoluer.

Je prends le problème dans l'autre sens. Je pars de ce dont votre site a besoin, et je retire tout le reste. Moins de poids, c'est moins de carbone, mais c'est surtout plus de vitesse et un site dont vous gardez les clés.

Ce à quoi je tiens

La sobriété d'abord. Je ne charge que ce qui sert le projet, jamais l'inverse.

Pas de boîte noire. Votre code reste lisible, documenté et à vous, libre de changer de prestataire.

La preuve plutôt que la promesse. Je mesure l'impact et je valide les scores avant la mise en ligne.

Un web pour tout le monde. Accessibilité et respect de la vie privée, par principe.

Méthode
Ma démarche, en 4 temps

Cadrer juste

On définit ce que le site doit accomplir, et pour qui. Tout ce qui ne sert aucun objectif est écarté avant même d'être construit.

Construire léger

Thème sur mesure, extensions au strict minimum, aucun script superflu. Chaque kilooctet chargé doit mériter sa place.

Mesurer

Poids des pages, EcoIndex, Website Carbon, Lighthouse. Je relève les scores avant la mise en ligne, vous pouvez les vérifier.

Faire durer

Code documenté et remis, hébergement européen à l'énergie solaire, site simple à maintenir. Vous restez libre, y compris de changer de prestataire.

En pratique
What I actually do

Optimised media

Images in the right format and size, lazy loading, controlled videos. Most of a site's weight comes from there.

Responsible hosting

European hosting, lean on resources, often cheaper. Your data stays close to you.

Accessible to everyone

Contrast, keyboard navigation, screen readers. A lean site is a site no one is left out of.

Minimised data

I only collect what is needed. If you need to measure your audience, I install a GDPR-compliant, lean and respectful tool.

Avant la mise en ligne
Ma checklist éco-conception
Code et structure

Thème sur mesure, pas de page builder lourd

Plugins limités au strict utile

Pas de framework JS chargé pour rien

HTML sémantique, CSS et JS minifiés

Médias

Images au bon format, WebP ou AVIF

Images redimensionnées à la bonne taille

Chargement différé hors écran

Polices limitées, servies en local

Performance

Poids de page visé sous 1 Mo

Mise en cache configurée

Peu de requêtes externes

Score Lighthouse vérifié avant livraison

Accessibility

Contraste conforme WCAG AA

Navigation au clavier, focus visible

Titres hiérarchisés, textes alternatifs

Labels de formulaire explicites

Testé au lecteur d'écran

Mesure

Score EcoIndex relevé

Mesure Website Carbon

Scores validés avant livraison

Hébergement et données

Hébergement européen à l'énergie solaire

Audience mesurée conforme RGPD si besoin

RGPD respecté, données minimisées

Durabilité et propriété

Code documenté et remis

Pas de boîte noire IA

Libre de changer de prestataire

Aller plus loin

Vous souhaitez en savoir plus sur les bonnes pratiques de conception responsable ? L'Index de la Conception Responsable (ICR) les réunit.

Découvrir l'ICR

A site that lasts rather than a throwaway site

If this way of working speaks to you, let's talk about your project. We look together at what is feasible, no strings attached.