Pourquoi est-ce important d’améliorer l’impact environnemental de son site web ?
Tu ne le sais peut-être pas, mais chaque chargement de page web a un coût environnemental. Chaque élément ajouté à une page – images, vidéos, scripts, etc. – augmente son poids et, donc, son empreinte environnementale. En moyenne, une page génère environ 1,8 gramme de CO₂ par visite. Pour un site avec 10 000 vues par mois, cela représente environ 216 kg de CO₂ par an, soit l’équivalent d’un trajet de près de 1 950 km en voiture. Il faut un an à 105 arbres pour absorber cette quantité de carbone.
La bonne nouvelle ? Écoconcevoir un site peut réduire jusqu’à 95 % de son impact carbone.
Plus globalement, « 80 % de l’impact environnemental des produits, services et infrastructures autour de nous est déterminé dès la phase de conception ».
Source : Johnson Banks – Design Council Annual Review 2002, p. 19.
Alors, même si chaque petit geste peut sembler minime, ensemble, ils font une grande différence. Alléger son site, c’est non seulement améliorer l’expérience utilisateur, mais aussi contribuer activement à la préservation de notre planète.
En écoconception on interroge le “pourquoi”. C’est-à-dire le besoin et ensuite peser le coût écologique et le bénéfice (pour toi et l’utilisateur). Entrons dans le vif du sujet.
Réduire la profondeur de navigation
Bien que controversée, la règle des 3 clics met en lumière un principe essentiel : la hiérarchisation des contenus. Il n’est ni nécessaire ni souhaitable de rendre toutes les pages accessibles depuis le menu principal, au risque de surcharger l’interface avec des menus en cascade difficiles à parcourir. En structurant la navigation autour des pages les plus utilisées et les plus pertinentes pour les utilisateurs, on simplifie leur parcours et on améliore l’expérience globale.
Optimiser les textes
Pour rendre votre site plus écoresponsable, il est essentiel de simplifier et d’optimiser vos contenus :
- Prioriser l’essentiel : identifie les informations réellement utiles aux utilisateurs et élimine le superflu. Cela allège les pages, les rend plus agréables à lire et réduit leur empreinte environnementale. Fais du tri.
- Éviter les répétitions : contrairement aux idées reçues, reformuler plusieurs fois la même idée n’aide pas à mieux la comprendre. C’est même contre productif, ça alourdi. Sois direct, ton texte sera plus simple, agréable à lire.
- Supprimer les mots vides de sens : les termes génériques et les lieux communs n’apportent aucune valeur ajoutée. Sois précis, ton texte sera plus pêchu et engageant.
- Structurer le contenu efficacement : ajoute des titres descriptifs, aère et découpe les informations en paragraphes de 3 à 5 phrases. Utilise des listes à puces pour les points importants. Cela améliore la lisibilité et facilite la lecture en diagonale.
- Optimiser le ratio texte/média : privilégie le texte aux formats lourds comme les vidéos ou images, sauf si ces derniers apportent une réelle valeur ajoutée à l’utilisateur.
Images décoratives
Les médias (images, photos, vidéos) sont largement répandu sur les sites, pourtant ils pèsent très lourd dans la balance. Évites les images décoratives et privilégie celles qui délivre de l’information utiles aux utilisateurs : infographies, schémas, photographies de projet. Cependant, si l’information passe plus efficacement via une image que du texte, privilégie l’image. Pense simplement à optimiser son format (webp, avif), ses dimensions, son poids (avant téléchargement “alléger les images en ligne, la fausse bonne idée“) et ses attributs en fonction de son contexte d’usage.
Tu peux aussi utiliser plusieurs fois une même images à plusieurs endroit du site ou encore utiliser une image de petit format à répéter sur l’arrière-plan.
Présentation de l’équipe : une photo de groupe, pas de portraits individuels
Au lieu de présenter chaque membre de l’équipe séparément, opte pour une photo de groupe. Cela renforce l’esprit d’équipe et allège le contenu de la page. Même si Josiane s’est fait volée son agrafeuse (par son collègue de bureau Bruno 😅).
Vidéos : à diffuser avec parcimonie
Les vidéos, c’est super, mais est-ce que tous tes visiteurs vont vraiment les regarder ? Probablement pas. Alors, plutôt que de les intégrer directement sur ta page d’accueil, pourquoi ne pas ajouter un lien qui redirige vers la vidéo ? Et si tu tiens absolument à l’afficher, ajoute une image extraite de la vidéo accompagnée du lien. Cela allégera ta page et améliorera l’expérience utilisateur.
Formulaire de contact : utile ou superflu ?
Un formulaire de contact est plus lourd qu’un simple lien vers une adresse email. Pourtant, on y recourt souvent pour paraître plus professionnel, faciliter le contact ou éviter le spam.
Mais il est possible d’afficher une adresse email tout en la protégeant efficacement : via le plugin Email Address Encoder, un snippet dans le fichier functions.php du child theme ou inséré via le plugin Fluent Snippets ou Code Snippets. Ces solutions masquent l’email ou le numéro de téléphone aux robots tout en le laissant visible pour les humains. Si tu veux le snippet, contacte-moi.
Le savais-tu ?
Contact Form 7, charge ses fichiers sur toutes les pages du site, qu’il y ait formulaire ou non. Si tu souhaites l’utiliser car il est quand même gratuit et facile a utiliser, couple-le avec “plugin optimizer“. Il désactive des plugins sur certaines pages.
Évite d’intégrer des services tiers de discussion instantanée ou de prise de RDV
As-tu sondé ton audience pour savoir si un chat en ligne est vraiment utile ? Souvent, ce type de plugin alourdit la page sans apporter de réelle valeur ajoutée aux internautes. À la place, un lien vers le service de chat ou de prise de RDV plutôt que de l’intégrer directement sur toutes les pages.
Le savais-tu ?
Calendly fait exploser les performances globales des sites : +35 requêtes vers des ressources externes, +50 points de performance sur PageSpeed Insights de google. Ce qui donne une page web qui charge au ralenti et pénalise ton positionnement dans les résultats de recherche. Google met en avant les sites bien codés, légers et rapide à charger.
Carte interactive
Est-ce que tous les internautes ont besoin de la carte ?
Si besoin, mets un lien qui va rediriger vers google map ou autre, l’utilisateur pourra si il le souhaite la consulter et calculer son itinéraire.
Il y a fort à parier que tous les visiteurs n’ont pas besoin de la carte interactive ? Si ce n’est pas le cas, propose plutôt un lien vers la carte. Ceux qui le souhaite pourront la consulter, consulter la carte sans alourdir inutilement ta page.
Analyse d’audience
Mesurer les performances de ton site est essentiel, mais cela ne justifie pas l’utilisation d’outils lourds comme Google Analytics, qui en plus posent des problèmes de conformité avec le RGPD (les typographies GoogleFont aussi). Des alternatives plus légères et respectueuses de la réglementation existent, comme Matomo, recommandé par la CNIL. Il a l’avantage de pouvoir être installé sur ton hébergement indépendamment du site. Il existe aussi Plausible ou encore Burst Statistics.