C'est encore rarement pris en compte, pourtant le Web a bel et bien un impact environnemental important. Mais que peut-on faire ? Comment limiter l'impact environnemental des sites et applications que nous réalisons ? Dans cette conférence nous proposons de partager nos recherches sur ce sujet, et un retour d'expérience sur des outils et solutions simples que nous avons mis en place ces 6 derniers mois chez Ochelys, avec nos moyens de petite agence de 5 personnes. Présentation donnée par Florent Goumy et Julien Fusco aux conférences MiXiT 2017 à Lyon.

1. #HACKTIVISM
Julien Fusco
EcoConception WEB
& Florent Goumy
Retour d’expérience d’une petite
agence Lyonnaise

2. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
2
30
novembre
2015
195 pays autour d’une table
…195 pays !

3. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
3
12,5 Millions de décès /an
15
mars
2016
selon l’OMS
attribués à l’insalubrité environnementale

4. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
4
7
mars
2017
Nouveau record de fonte des glaces
sur les deux pôles
selon les données de la NASA

5. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
5
Nous dans le WEB,
on a rien à voir là-dedans =)
Les autres Nous

6. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
6
Fondé et animé par Frédéric Bordage
« L’ensemble des technologies de l’information et de
la communication dont l’empreinte économique,
écologique, sociale et sociétale a été volontairement
réduite, et/ou qui aident l’humanité à atteindre les
objectifs du développement durable. »
Le numérique durable et responsable c’est…

7. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
7
Le Web chaque année consomme :
1 037 TWh
équivaut à 40 centrales nucléaires
Quelle est l’empreinte environnementale du Web ?
Estimations GreenIT, 2015
Crédit Photo : Jason Blackeye, Unsplash

8. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
8
608 Millions de tonnes de CO2
équivaut à 102 millions de tours du monde en voiture
Le Web chaque année émet :
Quelle est l’empreinte environnementale du Web ?
Estimations GreenIT, 2015

9. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
9
8,7 milliards de m3
équivaut à toutes les douches
Quelle est l’empreinte environnementale du Web ?
Estimations GreenIT, 2015
Le Web chaque année consomme :
de la population française pendant 370 ans

10. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
10
Donc on fait quoi ?
En fait, à l’échelle mondiale,
Internet représente un 7ème continent
On en a gros.

11. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
11
Julien Fusco
Florent Goumy
mises en place chez Ochelys
Recherches, et premières actions
responsable Technique
responsable UX
UX Design &
5 personnes
à Lyon
développement

12. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
12
1. Fabrication 2. Utilisation
3. Après-vie
ECO
CONCEPTION
?

13. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
13
Benchmark numérique responsable
GreenIT, mars 2017
Quelques chiffres…
8 organisations basées en France
530 000 utilisateurs
Etude des systèmes d’informations
14 000 collaborateurs IT/DSI

14. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
14
Fournisseur d’énergie verte!
Répartition des impacts : Energie
Benchmark GreenIT, mars 2017
!
46%, Alimentation de l’infrastructure
24%, Alimentation des postes de travail
Consommation électrique

15. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
15
!
32%, Fabrication des équipements
Répartition des impacts : Gaz à effet de serre
Benchmark GreenIT, mars 2017
19%, Déplacements domicile-travail
Gaz à Effets de Serre

16. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
16
EAU
Répartition des impacts : Eau
Benchmark GreenIT, mars 2017
26%, fabrication des équipements
23%, impressions

17. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
17
Que faire à l’étape
de Fabrication ?

18. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
18
1. Mesurer

19. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
19
Allonger la durée de vie des équipements
bonnes pratiques
Acquérir en priorité des équipements remis en état
Optimiser les déplacements domicile-travail
Réduire les volumes d’impressions
Paramétrer les impressions par défaut en mode éco
Favoriser la collecte sélective du papier
Utiliser de l’électricité issue de sources renouvelables
Virtualiser les serveurs physiques sous-utilisés et les regrouper
Compenser ses émissions carbone
Plein de
2. Réduire

20. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
20
Que faire pour l’étape
d’utilisation ?

21. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
21
Optimisation des web performances
Google Page Speed Insights
Eco Index
Livre « Éco-conception web /
les 115 bonnes pratiques »
Frédéric Bordage
1. Mesurer
2. Réduire
http://checklists.opquast.com/ecoconception-web/

22. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
22
100% solaire
100% hydrolique
60% hydrolique
40% renouvelable
Emissions
Carbone compensée
par myclimate.org
Et bien d’autres !
Choisir un
hébergeur vert
100% renouvelable
Fabrique son propre
matériel économe
en énergie
Produit sa propre énergie
solaire directement
sur place
Suisse
Allemagne
France
Etats-Unis
Canada
Pays-Bas
Etats-UnisFinance 3 fois
sa consommation
en énergie renouvelables

23. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
23
A-ton vraiment besoin de tout ça
Ce n’est pas parce que c’est facile
pour notre cas ?
qu’il faut forcément l’utiliser……
CMS
Frameworks
Analytics
Auto-complétions
Animations

24. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
24
Grande photo d’illustration
Interface de gestion des contenus
Publication d’articles et de pages
Widgets réseaux sociaux
ok
ok
ok
ok
ok
ok
ok
ok
Mise en cache ok ok
Thème responsive, opti. SEO et accessible ok ok
Quel outil est suffisant
pour mes besoins ?
72 /100
61 /100
95 /100
86 /100
http://www.florentgoumy.com/
Google PageSpeed Insights
Ecoindex

25. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
25
Que faire à l’étape
d’après-vie ?

26. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
26
Just because you can’t see it, doesn’t mean it isn’t here.

27. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
27
Comptes utilisateurs
inactifs
Sites WEB
abandonnés / obsolètes
Documents obsolètes
Indexés
Hébergés
Répliqués
Sauvegardés
…
}1,2 Milliards de sites WEB
75% inactifs
Mails conservés
Données obsolètes

28. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
28
Politique de nettoyage des
données :
- Détection
- Suppression / Archivage
des données inactives
Site / Application utilisé ?
Suppression des données
et extinction des serveurs
Oui Non

29. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
29
Synthèse
& Conclusion

30. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
30
Offre d’énergie verte chez Direct Energie!
Achat de matériel reconditionné!
Moteur de recherche Ecosia, par défaut!
Télétravail facile!
Réduction de nos déchets (café vrac, sacs)!
Une façon de penser avant-tout
beaucoup d’actions peu coûteuses
nos actions début 2017
Design minimaliste et perf. optimisées!
Archivage/suppression de données obsolètes!
Optimisation de nos sites (>85 PageSpeed)!
< 100 €
Proposition d’hébergeurs verts
Projets clients
En interne
4 à 5 jours
de travail

31. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
31
Crédit Photo : Joshua Earle, Unsplash

32. #HACKTIVISM
/32
Julien Fusco & Florent Goumy
EcoConception WEB
32
Julien Fusco Florent Goumy
pkoin.github.io
@florentgoumy@pkoin
www.florentgoumy.com
Merci =)

33. #HACKTIVISM Julien Fusco & Florent Goumy
EcoConception WEB
ANNEXES
Bibliographie
http://www.internetlivestats.com/
Statistiques de volume d’usage d’Internet, Internet Live Stats, 2017
http://www.who.int/mediacentre/news/releases/2016/deaths-attributable-to-unhealthy-environments/fr/
Décès provoqués par l’insalubrité de l’environnement, OMS, 2016
https://club.greenit.fr/doc/2017-03-ClubGreenIT-Benchmark-2017-presentation.pdf
Benchmark Numérique Responsable 2017, Club Green IT, 2017
https://www.greenit.fr/2015/05/12/quelle-est-l-empreinte-environnementale-du-web/
Quelle est l’empreinte environnementale du Web ?, GreenIT, 2015
ETUDES
https://climate.nasa.gov/news/2569/sea-ice-extent-sinks-to-record-lows-at-both-poles/
Sea ice extent sinks to record lows at both poles, NASA, 2017
https://www.reseller.co.nz/article/580986/internet-things-connected-devices-reach-38-billion-by-2020/
Internet of things connected devices, Juniper Research, 2016
ARTICLES

34. #HACKTIVISM Julien Fusco & Florent Goumy
EcoConception WEB
ANNEXES
Bibliographie
SERVICES
http://www.myclimate.org/
Calculateur d’empreinte CO2 et compensation
MyClimate
http://www.ecoindex.fr/
Calculateur de performance environnementale d’une page WEB
EcoIndex
https://www.ecosia.org/
Moteur de recherche alternatif qui plante des arbres
Ecosia
checklists.opquast.com/ecoconception-web/
Bonnes pratiques d’éco-conception Web
Checklist opquast
https://www.greenit.fr/
Blog, articles, ressources, sur l’éco-conception Web
GreenIT.fr
OUTILS