1. Conception sobre et planification : intégrer les principes d’éco-conception dès le départ
Définir une stratégie de contenu raisonnée
- Identifiez précisément vos objectifs de communication et votre public cible
- Adoptez une approche de "moins mais mieux" en vous concentrant sur l'essentiel
- Établissez un calendrier éditorial réaliste et durable, en évitant la surproduction de contenu
Appliquer les principes de sobriété éditoriale
Consultez absolument les géniales publications sur le sujet de Férréole Lespinasse sur le sujet
- Évaluez systématiquement la pertinence et l'utilité de chaque contenu avant sa création
- Privilégiez la qualité plutôt que la quantité, en visant les 20% de contenus qui génèrent 80% du trafic
- Optez pour des formats concis et efficaces (ex: résumés, infographies) plutôt que de longs textes
Concevoir une architecture de site épurée
- Simplifiez la structure du site en limitant le nombre de pages et de niveaux de navigation
- Créez une hiérarchie de l'information claire et intuitive
- Favorisez une navigation fluide en réduisant le nombre de clics nécessaires pour accéder au contenu
Design simple et fonctionnel
- Adoptez un design épuré, en évitant les éléments décoratifs superflus
- Utilisez des mises en page simples et aérées pour faciliter la lecture
- Choisissez une palette de couleurs limitée et des polices sobres
Choisir des technos légères : l’adéquation des moyens
L’un des grands principes de l’éco-conception est le principe d’adéquation des moyens : choisissez une technologie adaptée à vos besoins et non pas sur-dimensionnée. Des pages en techno "statique" conviennent souvent à un site vitrine, qui ne sert pas un contenu adapté à chaque utilisateur mais les mêmes pages pour tous. Et pour l’utilisateur, l’expérience sera la même.
Planifier le cycle de vie des contenus
- Prévoyez dès la création la mise à jour ou la suppression future des contenus
- Mettez en place un système d'archivage efficace pour les contenus obsolètes
- Privilégiez la mise à jour de contenus existants plutôt que la création systématique de nouveaux articles.
2. Choix de l'hébergement
- Sélectionnez un hébergeur web éco-responsable, qui utilise 100% d’énergies renouvelables et reconditionne ses matériels
- Vérifiez les certifications environnementales de l'hébergeur
- Optez pour des serveurs écoénergétiques et optimisés
- Hébergez en France si votre public est majoritairement français
3. Développement et optimisation
- Utilisez un code propre et optimisé : tout est entre les mains de votre développeur, avec une préférence pour les pages dites “statiques”
- Minimisez le nombre de requêtes HTTP
- Compressez et optimisez tous les fichiers (HTML, CSS, JavaScript)
- Mettez en place un système de mise en cache efficace
- Faites-vous aider par un développeur spécialisé.
4. Gestion des médias
- Réduisez l'utilisation des vidéos et si possible des images
- Compressez systématiquement les images, ou mieux : automatisez leur optimisation avec un développement spécifique
- Utilisez des formats modernes et légers, qui ne nuisent en rien à la qualité (WebP pour les images, mp4 pour les vidéos)
- Servez les images et vidéos à la taille du device, au pixel, et surtout pas la même image pour toutes les tailles d’écran
- Évitez les animations lourdes et les effets superflus, en vous appuyant sur les tests utilisateurs qui bien souvent vont dans le sens des principes d’éco-conception. Pas mal d’animations peuvent être codées en css, beaucoup moins lourd que du JavaScript
- Pour en savoir plus sur la question des images en éco-conception web, lisez notre article
5. Contenu et fonctionnalités
- Privilégiez du contenu textuel plutôt que des images
- Limitez les fonctionnalités aux éléments essentiels
- Évitez les plugins et scripts tiers non indispensables
- Optimisez les polices de caractères en choisissant des fonts variables, ou mieux : des fonts système.
6. Performance et tests
- Utilisez des outils comme Pagespeed Insights ou Google Lighthouse, GreenFrame, Eco Index et Website Carbon pour analyser les performances et le niveau d’éco-conception
- Testez régulièrement la vitesse de chargement : monitorez votre site
- Optimisez votre site en continu, en fonction des résultats : l'éco-conception est un processus continu d'amélioration et d'optimisation.
7. Maintenance
- Effectuez des mises à jour régulières surtout si vous utilisez un site type WordPress
- Supprimez les contenus obsolètes
- Surveillez et optimisez les performances dans le temps
- Maintenez vous outils, ou mieux : optez pour des outils à faible maintenance, comme une architecture en headless et des pages statiques, par exemple.
Allez, au boulot !
