Newsbox · Mars 2023
L’essentiel
Pour rendre un site internet plus écoresponsable, il faut choisir un bon hébergeur, alléger ses images et ses fichiers, diffuser les vidéos en embed, limiter le nombre de polices, réduire le code et utiliser la mise en cache, sans oublier la question des couleurs. Ces règles doivent cohabiter avec l’image de la marque.
Entre la prise de conscience des enjeux climatiques, celle du poids carbone d’Internet, et le développement des démarches RSE des entreprises, la question nous est de plus en plus posée de la meilleure façon de procéder pour réduire l’impact d’un site internet sur l’environnement. Il est donc grand temps de mettre votre site au vert.
Zoom sur quelques principes clefs.
L’hébergeur a un impact important sur votre bilan carbone.
De nombreux hébergeurs ont fait des efforts : certains utilisent de l’énergie verte, d’autres sont immergés, d’autres enfin recyclent la chaleur des serveurs… regardez ce qu’ils proposent en la matière avant de faire votre choix.
Réduire le poids des images est bénéfique à la fois pour l’environnement et pour la vitesse de chargement. Google ne récompense pas un site parce qu’il est écoresponsable, mais ses systèmes de classement tiennent compte des Core Web Vitals, qui mesurent notamment la vitesse de chargement.
Il n’y a pas à hésiter : réduisez et compressez vos images (utilisez des images optimisées pour le web).
Ce principe peut d’ailleurs être étendu à tous les fichiers présents sur votre site. Plus les pages sont lourdes, plus elles mettent du temps à se charger et plus elles consomment d’énergie, ce qui réduit aussi la performance du site… sans compter qu’en termes d’expérience utilisateur ce n’est pas terrible non plus.
Une vidéo, même optimisée pour le web, est très consommatrice d’énergie.
Mais, nous sommes d’accord, rien de tel pour accroître l’effet Wahou d’un site.
Une piste : l’embed.
Concrètement, un petit morceau de code fourni par les plateformes d’hébergement à intégrer à l’endroit où vous souhaitez insérer votre vidéo. Le fichier n’est plus hébergé sur votre serveur, mais la lecture de la vidéo continue de consommer de l’énergie : l’essentiel reste donc de n’utiliser que les vidéos réellement utiles.
Et oui, les polices aussi pèsent…
Il est donc recommandé pour l’environnement de ne pas en utiliser plus de 2. Bonne nouvelle, c’est aussi une règle élémentaire en graphisme.
On parle de « minifier » le code en gros cela veut dire l’optimiser et l’alléger pour gagner de l’espace et là encore réduire le temps de chargement des pages et l’utilisation de la bande passante.
La mise en cache consiste à stocker plus près de l’utilisateur des éléments de page partagés (JavaScript, CSS et images).
En cas de revisite la page, ces données sont récupérées à partir de l’emplacement du cache plutôt que d’interroger à nouveau le serveur web. Résultat le poids de votre site est réduit et le temps de chargement réduit.
Les couleurs aussi peuvent avoir un impact, qui dépend de l’écran : sur un écran OLED, où chaque pixel émet sa propre lumière, les couleurs sombres consomment moins que les couleurs claires. Le gain n’est toutefois pas garanti : une étude pilote montre que certains utilisateurs augmentent la luminosité sur les pages sombres, ce qui peut en annuler une partie. Un fond sombre n’est donc pas à lui seul une solution écoresponsable.
Bien entendu ces règles de bonnes pratiques doivent cohabiter avec l’image de la marque et ses contraintes. Comme toujours la bonne solution est dans l’équilibre. À vous de jouer !
© acteris | Mars 2023, mis à jour en novembre 2026
On en parle ?
Il faut choisir un bon hébergeur, alléger ses images et ses fichiers, diffuser les vidéos en embed, limiter le nombre de polices, réduire le code et utiliser la mise en cache, et réfléchir au choix des couleurs.
Il faut regarder ce que proposent les hébergeurs avant de faire son choix : certains utilisent de l’énergie verte et d’autres recyclent la chaleur des serveurs.
Il est recommandé de ne pas en utiliser plus de 2, car les polices pèsent aussi dans le poids des pages. C’est également une règle élémentaire en graphisme.
Il faut compresser les images, minifier le code et utiliser la mise en cache. Ces choix se prévoient dès la création du site internet, avec l’image de la marque.