À propos de l'écoconception du site internet de notre agence de communication Pyzzly

Qu’est-ce que l’éco-conception de site internet ?

L’éco-conception de site internet consiste à créer un site Internet le plus léger et le moins complexe qui soit.

Au sein de notre agence de communication et consulting Pyzzly, un chiffre nous a marqués : 155.
C’est le poids d’une page web, qui a été multiplié par 155 en 20 ans.
En 1995, le poids d’une page web était en moyenne de 14 Ko, et il est passé à plus de 1 600 Ko en 2015.

Mais ce poids, en soi invisible, pèse sur des serveurs physiques. D’énormes datacentres, implantés un peu partout dans le monde, consomment de l’électricité 24h sur 24. Qui plus est, des systèmes de climatisation refroidissent fréquemment ces centres.
On estime que les GAFAM, rien qu'à eux, possèdent plus de 700 millions de m2 de serveurs.
Vous l’aurez compris, l’impact environnemental du numérique n’est pas négligeable.
Le numérique représente 3 à 4% des émissions de gaz à effet de serre dans le monde, soit un bilan 1,5 fois plus important que le transport aérien !

Il est possible, et souhaitable aujourd’hui, de réduire cet impact à notre échelle.

Et ainsi de réduire le poids de notre site internet, et de chaque page qui le compose.

 

Pourquoi construire notre site Internet dans une logique d’éco-conception ?

Nous sommes une agence de communication et consulting engagée. Engagée en faveur de la préservation de l’environnement, engagée socialement en plaçant les personnes au centre de nos actions, et engagée au service de notre territoire.

Et depuis fin 2021, nous avons adopté le statut d’entreprise à mission. À ce moment, nous avons inscrit dans nos statuts notre raison d’être :

 « Faire de la créativité et de l'intelligence collective une ressource illimitée en s'engageant aux côtés des entreprises qui veulent avoir un impact positif sur les personnes et la planète. »

Elle est guidée par deux objectifs :

• Éco-concevoir nos actions de communication
• Faciliter le passage à l’action des entreprises qui veulent avoir un impact positif sur les personnes et la planète

 

Conscients de l’impact du numérique sur notre planète et de l’urgence du défi climatique, nous sommes convaincus que les entreprises ont un rôle à jouer dans les défis environnementaux que nous devons relever.

Car chaque geste compte, nous nous inscrivons dans une démarche d’éco-conception de site Internet.

L’ampleur de la tâche est immense, nous faisons notre part avec humilité et engagement et nous croyons à la force du mouvement collectif.

 

Nos solutions concrètes d’éco-conception pour notre site internet

1. Choix d'un hébergement écoresponsable

Nous avons opté pour l’hébergeur Infomaniak qui fabrique ses data centers, à la pointe de l'efficacité énergétique :

• L'intégralité des activités d’Infomaniak  fonctionne avec de l'énergie renouvelable certifiée
• Leurs data centers sont refroidis avec de l'air extérieur filtré, sans climatisation
• Infomaniak développe ses propres centrales solaires avec pour objectif de produire autant d'énergie qu’ils en utilisent
• Leur nouveau data center revalorise 100 % de l'énergie qu'il consomme pour chauffer jusqu'à 6 000 ménages

 

2. Favorisation d’un webdesign simple, épuré et adapté au Web

Notre équipe a suivi une formation d’écoconception web : de notre Directeur Artistique à nos Chefs de Projet. Ainsi, le webdesign a été créé dans cette logique, en respectant les principes de sobriété numérique. 

 

3. Pas de vidéos ni de fonds vidéos intégrés

C’est un parti pris. En tant qu’agence de communication, nous aurions pu faire comme les grandes agences internationales, et intégrer des vidéos en fond, qui se lancent automatiquement dès votre arrivée sur la page d’accueil. Mais nous ne l’avons pas fait, afin de réduire le poids des pages et l’impact carbone de notre site Internet. 

Nous sommes une agence de communication engagée. Nous sommes Pyzzly. 

 

4. Moins d’images et compression optimale des images 

Nous avons opté pour la sobriété en termes de quantité d’images. 

Les tailles d’images sont optimisées : elles sont enregistrées aux bonnes dimensions, en résolution de 72 dpi, et au format jpeg voire webp. 

La majorité de nos pages ne comprennent qu’une seule image, voire aucune. Seule notre page d’accueil en regroupe plusieurs, afin de pouvoir tout de même vous présenter notre travail 🙂

 

5. Pas de sliders, moins d’animations Javascript et CSS

Le slider, aussi appelé carrousel, est souvent utilisé pour mettre en avant de multiples images qui défilent en continu sur les pages d’accueil de sites Internet. 

Ces derniers alourdissent le poids des pages avec du code dédié (CSS, JavaScript) et une utilisation plus importante des ressources processeur.

Nous avons opté pour une image fixe, et pas d’animations d’apparition sur notre page d’accueil. 

 

6. Facilitation de la mise en cache 

Lorsqu'un site internet est mis en cache, cela signifie que les ressources nécessaires pour le charger sont stockées localement sur l'appareil de l'utilisateur. Cela réduit la nécessité de télécharger à nouveau les ressources à chaque visite, ce qui permet d'économiser de la bande passante et de réduire la consommation d'énergie associée au chargement de ces ressources à partir des serveurs distants.

 

7. Limitation de l’utilisation de plugins et extensions

Chaque ajout de fonctionnalité augmente la charge de travail pour le navigateur et les serveurs, entraînant une surconsommation de ressources énergétiques, contribuant ainsi à alourdir l'empreinte carbone du site. 

En réduisant ces éléments superflus, souvent inutilisés, nous optimisons les performances, réduisant ainsi la consommation d'énergie et l'impact environnemental global de la navigation web, tout en offrant une expérience utilisateur plus rapide et plus efficace.
#LessIsMore

 

8. Utilisation des polices standards plutôt que des polices custom

Tout comme les extensions, les polices personnalisées nécessitent des téléchargements supplémentaires, augmentant la charge de travail des serveurs.

En optant pour des polices standards déjà présentes dans le cache des utilisateurs, nous réduisons la quantité de données à transférer, économisant ainsi de la bande passante et de l'énergie. 

Cela contribue à une navigation plus rapide et à une réduction de l'empreinte carbone.

 

L’amélioration continue de notre site

Et les efforts ne s’arrêtent pas là, loin de là. 

Ceci n’est qu’un début, le recul sur l’éco-conception de site Internet est encore récent et nous nous efforçons de travailler régulièrement sur l’allègement des pages afin de réduire l’empreinte carbone de ce site. 

Nous ne sommes pas parfaits, mais dans une démarche authentique d’éco-conception, et d’amélioration continue !

 

L’écoconception de site web vous interpelle ? 

Vous souhaitez vous aussi créer ou refondre votre site Internet dans une logique d’éco-conception ?

ParlonzZ-en !