Illustration d’une salle de serveurs avec un sol végétalisé.

Écoconception web : par où commencer sur un site existant ?

Votre site est déjà en ligne. Images trop lourdes, pages complexes, hébergement : les pistes abordées pour revoir sa conception et alléger ses pages.

Votre site est en ligne depuis plusieurs années. Vous avez ajouté des contenus, des outils et quelques fonctions au fil des besoins. Faut-il tout refaire pour travailler son écoconception ?

Commencez par examiner ce qui existe. Un parcours précis et quelques mesures permettront de choisir les premières améliorations avant d’envisager une refonte.

Choisir un parcours et établir un point de départ

Prenez une démarche importante pour vos visiteurs : consulter une prestation puis envoyer une demande, par exemple. Notez les étapes, les ressources chargées et les difficultés rencontrées.

Faites le même essai sur les appareils et les connexions qui comptent pour votre public. Conservez les conditions du test pour pouvoir comparer après les changements.

Le RGESN propose un cadre pour examiner le besoin, les choix de conception et le suivi de la démarche. Présentation du référentiel — Arcep.

Retirer ce qui ne sert plus au parcours

Passez en revue les modules et les services tiers : à quoi servent-ils, sur quelles pages, et qui les utilise encore ? Un outil de campagne peut être resté actif alors que la campagne est terminée.

Avant de retirer un élément, vérifiez ses dépendances : formulaire, mesure utile, navigation ou fonction nécessaire à certains visiteurs. Testez le résultat après chaque changement.

Choisissez les technologies selon le service à rendre et les ressources qu’elles mobilisent. Vérifiez aussi que les technologies utilisées sont encore maintenues. Le support de Flash, par exemple, s’est arrêté fin 2020. Fin de vie de Flash — Adobe.

Simplifier la page en gardant les informations utiles

Une page courte peut laisser le visiteur sans réponse. À l’inverse, plusieurs blocs peuvent répéter la même chose. Relisez le parcours en vous demandant ce que chaque partie aide à comprendre ou à faire.

Conservez les explications nécessaires à la décision et retirez les répétitions. Vérifiez que les titres, les liens et les formulaires restent compréhensibles, notamment sur téléphone et au clavier.

La simplification se juge sur la capacité à terminer la démarche, avec les informations dont la personne a besoin.

Adapter les fichiers et leur chargement

Examinez les dimensions des images, leur compression et les formats envoyés aux différents écrans. Pour les médias situés plus bas, un chargement différé peut éviter un téléchargement immédiat. La vidéo peut attendre que le visiteur choisisse de la lancer. Optimisation des médias — MDN.

Regardez aussi les scripts et les fichiers de polices réellement nécessaires. Mesurez de nouveau le même parcours : poids transféré, requêtes et qualité d’utilisation.

Une baisse du poids est une observation technique. Pour annoncer un gain environnemental, précisez la méthode et les limites de l’estimation.

Vérifier l’hébergement et suivre les prochains changements

Demandez quelles ressources sont allouées et ce que l’hébergeur documente sur l’énergie, l’eau et la gestion des équipements. La rubrique Hébergement du RGESN donne des points de contrôle. Critères du RGESN.

Gardez ensuite une trace des modifications et des résultats. Une nouvelle extension ou une campagne vidéo peut changer le fonctionnement observé lors du premier audit.

Si vous ne savez pas par où commencer, décrivez ce que vos visiteurs cherchent à faire et les difficultés que vous constatez. Ce parcours donnera une base concrète pour étudier les améliorations de votre site avec ADDEQUA.

Un projet numérique à faire avancer ?

Un outil qui vous freine, une idée à explorer ou un doute sur votre sécurité informatique : décrivez-nous votre situation et le résultat que vous recherchez.

Présentez-nous votre projet