Guide pratique · Numérique responsable
Concevoir un site plus léger, durable et compatible avec davantage d’équipements.
Une méthode pour questionner l’utilité, réduire les médias et traitements, limiter les dépendances et suivre les progrès sans afficher de promesse environnementale invérifiable.
Réponse directe
Le service le plus sobre commence par éviter ce qui n’aide pas son utilisateur.
Compresser une image est utile, mais l’écoconception commence plus tôt : la fonctionnalité est-elle nécessaire, le contenu répond-il au besoin et le parcours peut-il être accompli avec moins d’étapes, de données et de ressources ?
La sobriété ne justifie ni une information incomplète, ni un défaut d’accessibilité. Un site durable doit rester utilisable sur des écrans variés, des appareils anciens et des connexions limitées.
1 · Utilité
Relier chaque page et fonctionnalité à un besoin réel.
Une fonctionnalité rarement utilisée peut parfois être essentielle. L’arbitrage repose sur l’utilité, la fréquence, le coût et l’existence d’une alternative simple.
Besoin identifié
Décrivez la tâche rendue possible, le public concerné et la conséquence si la fonction disparaît.
Contenus redondants
Fusionnez les pages qui répètent la même réponse et redirigez proprement les anciennes adresses.
Fonctions décoratives
Retirez carrousels automatiques, animations et arrière-plans vidéo lorsqu’ils n’apportent aucune information.
Durée de vie
Préférez une structure maintenable et des standards interopérables aux effets dépendant d’une technologie fragile.
2 · Médias
Servir le bon fichier au bon endroit.
Les images représentent souvent la majorité du poids transféré. Leur nombre, leurs dimensions et leur déclenchement comptent autant que le format.
Sélection
Conservez les photos qui prouvent, expliquent ou orientent ; retirez les variantes presque identiques et les visuels purement remplissants.
Dimensions
Générez plusieurs largeurs et laissez le navigateur choisir la variante adaptée à l’espace affiché.
Chargement
Priorisez le média principal et différez les images réellement situées hors du premier écran.
Vidéo
Évitez la lecture automatique, fournissez une affiche légère et laissez la personne décider du lancement et de la qualité.
3 · Interface
Réduire les étapes, interruptions et mécanismes de captation.
Une interface claire évite des pages vues, recherches et manipulations inutiles. Elle redonne aussi le contrôle sur les médias et notifications.
Navigation courte
Utilisez des intitulés explicites et placez les informations attendues là où le visiteur les cherche.
Pas de défilement infini
Préférez une pagination ou une liste maîtrisée qui permet de comprendre l’étendue et de retrouver sa position.
Contrôle utilisateur
Aucun son, vidéo, actualisation ou notification ne doit se déclencher sans nécessité ou consentement clair.
Accessibilité
Conservez structure, contrastes, clavier et alternatives ; la sobriété ne consiste pas à retirer les repères indispensables.
4 · Technique
Limiter scripts, requêtes et dépendances.
Chaque bibliothèque, police ou service tiers ajoute des transferts, du calcul, une maintenance et parfois une collecte de données.
JavaScript ciblé
Utilisez le HTML et le CSS pour les comportements simples, puis chargez le script uniquement sur les pages qui en ont besoin.
Polices
Limitez familles, graisses et jeux de caractères, ou utilisez une pile système lorsque l’identité visuelle le permet.
Cache
Versionnez les ressources statiques et définissez une durée adaptée afin d’éviter leur téléchargement à chaque visite.
Services tiers
Documentez l’utilité, les données, le poids et le mode de repli de chaque carte, widget, lecteur ou outil de mesure.
5 · Mesure et transparence
Publier des progrès vérifiables plutôt qu’un label improvisé.
Une mesure isolée dépend de la page, du scénario, de l’appareil et de l’outil. La méthode et le périmètre doivent accompagner le résultat.
Pages représentatives
Mesurez accueil, service, liste, fiche, formulaire et page riche en médias, pas uniquement la page la plus légère.
Budget
Fixez des seuils de poids, requêtes et scripts pour prévenir la dérive au fil des ajouts.
Compatibilité
Testez appareil ancien, connexion lente, zoom, clavier et réduction des animations.
Déclaration prudente
Décrivez les choix, limites, date et outil sans promettre une neutralité ou une certification qui n’a pas été démontrée.
Références
Sources officielles utilisées pour maintenir ce guide.
Les règles et fonctionnalités évoluent. Consultez la documentation primaire avant toute décision sensible ou modification importante d’un compte tiers.
- Numérique écoresponsableRéférentiel général d’écoconception des services numériques 2024
- W3CWeb Sustainability Guidelines
- web.devRéduire les charges utiles JavaScript
Poursuivre
Relier ce contrôle aux pages et actions complémentaires.
Besoin d’un contrôle appliqué
Transformer ce guide en priorités adaptées à votre site.
Indiquez l’adresse du site, l’activité, la commune et le parcours qui compte le plus. L’analyse distinguera les blocages, les améliorations utiles et les éléments déjà solides.
Questions fréquentes
Un site léger est-il automatiquement écoresponsable ?
Non. Le poids transféré compte, mais l’utilité, la durée de vie, la compatibilité, les traitements, les services tiers et les usages provoqués font aussi partie de la démarche.
Faut-il supprimer toutes les photographies ?
Non. Une photographie peut expliquer, rassurer ou éviter une démarche inutile. Il faut sélectionner les images utiles, les dimensionner et ne pas multiplier les variantes redondantes.
Peut-on afficher un score environnemental unique ?
Un score dépend d’une méthode et d’un scénario. Il doit être accompagné du périmètre, de la date, des pages testées et des limites, sans être présenté comme une certification générale.
Sobriété et accessibilité sont-elles compatibles ?
Oui. Une structure simple, des pages rapides et des contrôles standards peuvent servir les deux démarches. Les alternatives, contrastes et aides nécessaires ne doivent pas être retirés.