Penser et designer un site éco-responsable

Penser et
designer un site
éco-responsable

Le live va commencer d’ici quelques
minutes ! Vous pouvez vous préparer un
bon café en attendant !
Merci de couper votre micro & votre
caméra ☺
WEBINAR PILOT’IN ☕

Penser et designer un site
éco-responsable
Julien Morisse-Chevallier @Pilot’in
Webinar - …

Connaître les enjeux
éco-responsables liés au web
Penser et designer un site éco-responsable
OBJECTIF 001

Savoir amorcer une démarche
respectueuse de l’environnement
dans la conception de site web
OBJECTIF 002

La séance
001 Pourquoi faire un site éco-responsable ?
002 Quels leviers avons-nous à notre disposition ?
003 5 bonnes pratiques de conception design
004 Pour aller encore plus loin

001
Pourquoi faire un site
éco-responsable ?

“Les infrastructures du web (data centers,
réseaux, infrastructure web mobile, etc.)
représentent aujourd’hui 3% de la consommation
électrique mondiale.“
Green IT

“A ce rythme, on estime que la consommation
énergétique liée au web atteindrait, en 2030,
l'équivalent de la consommation énergétique
mondiale de 2008, tous secteurs confondus !“
Gerhard Fettweis de l'Université de Dresde

“D’ici 2025, le numérique aura autant d’impact
carbone que le niveau de pollution de
l’industrie automobile “
Green IT

Les utilisateurs (nous) consomment beaucoup d’
énergie rien qu’en utilisant simplement des
appareils comme les téléphones, tablettes,
ordinateurs.

“D’après une étude de Harvard, deux requêtes
dans Google correspondent à l’énergie
nécessaire à une bouilloire d’eau. Or
200 millions de recherches sont effectuées par
jour sur Google …”
notre-planete.info

“Envoyer un simple mail entraîne l'émission de
4g de CO2, jusqu'à 50g avec une importante
pièce jointe. Or, 290 milliards de mails sont
envoyés chaque jour...”
notre-planete.info

Mais la partie n’est pas perdue d’avance,
nous pouvons agir !

"Nos travaux montrent qu'il est possible de diminuer
par un facteur 1 000 la consommation électrique
d'Internet tout en garantissant la qualité du service.
Autrement dit, on pourrait avoir en 2020 un réseau qui
consomme 90 % de moins qu'en 2010, même avec
l'explosion du trafic."
Greentouch, consortium d'industriels et
d'universitaires, 2015

002
Quels leviers
avons-nous à notre
disposition ?

Selon le Green IT
Les utilisateurs Le réseau et ses
infrastructures
Les centres de données ou
Data Center
Les acteurs des émissions de CO2 du numériques

Selon le Green IT
Les utilisateurs
47%
Le réseau et ses
infrastructures
28%
Les centres de données ou
Data Center
25%
Les acteurs des émissions de CO2 du numériques

Sur une année,les 100 sites français les plus visités
consomment côté serveur
0,58 GWh / an
Web Energy Archive
Du point de vue serveur

Sur une année,les 100 sites français les plus visités
consomment l’équivalent de 3000 foyers,
soit 8 GWh / an
Web Energy Archive
Du point de vue des utilisateurs :

“Pour utilisateurs,il est plus difﬁcile de réduire
leur consommation dans leur navigation.C'est
surtout aux webmasters de faire en sorte que leur
site devienne plus écologique.”
notre-planete.info

De l’appareil utilisé Du navigateur utilisé Du site visité
La consommation d’un utilisateur
dépend majoritairement

Selon le Green IT
Ordinateur
50wh / 1000 pages
Smartphone
9wh / 1000 pages
La consommation des appareils

Selon le Green IT
La consommation des navigateurs
Google Chrome,
utilisé par 37% des
français
Firefox,
utilisé par 21% des
français

“Le poids moyen des pages
web a été multiplié par 6 entre 2008 et
2015 !”
notre-planete.info

003
Cinq bonnes pratiques
de conception

Augmentez l’éco-responsabilité d’un
site, c’est le rendre plus rapide, épuré
et précis.
Dans un sens, c’est aussi augmenter
l’expérience utilisateur.

Réduire l’impact de son site sur son
environnement c’est le rendre le plus
minimaliste possible.
Dans un sens, c’est aussi réduire ses
coût de production

Eliminez les
fonctionnalités
non essentielles
0001
L'importance du design dans l'efficacité de votre site web

Il ne sert à rien d’optimiser le code
d’une fonctionnalité non-essentielle

70 % des fonctionnalités demandées par les
utilisateurs ne sont pas essentielles et que 45 % ne
sont jamais utilisées.
Etudes du Cast Software et du Standish Group

Le plus gros des optimisations se passe donc en
amont de la réalisation d’un site web ou d’une
application.Et pour optimiser il faut sonder les
utilisateurs,prototyper,tester,aﬁn d’éviter au
maximum les développement inutiles

Planification
Définition des
objectifs et recherche
préparatoire
Exploration
Recueil des besoins
des utilisateurs /
entreprises
Idéation
Génération collective
d’idée
Conception
Création de wireframes
et de prototypes
Evaluation
Test utilisateurs afin
d’évaluer les
solutions générées
Le processus de conception user-centric

Réduire l’impact de son site sur l’environnement,
c’est aussi réduire son coût de production

Prendre les
mensuration du
projet
0002

Après avoir bien déﬁni le cadre du projet,il faut
ensuite bien le spéciﬁer,pour éviter la
“sur-qualité”ou le développement inutile

La taille nécessaire des
images sur le site
Le nombre d’éléments par
page
Exemples d’éléments à spéciﬁer

En jouant sur le nombre d’items afﬁchés sur la
page de résultats de son moteur de recherche
Bing,a démontré qu’il était possible de réduire
jusqu’à 80 % l’infrastructure physique (nombre de
serveurs) sous-jacente.
Exemple

Limitez
l’utilisation des
contenus lourds
0003

Photos Vidéos
Les deux types de contenus lourds les plus courants
Illustrations

Moins de photos, plus
compressées, adaptée.
Moins grande
os
Limiter l’usage, ne pas
les héberger directement
sur le serveur. Vidéo svg
avec BodyMovin
Les alternatives
Limiter l’usage des
illustrations 3D, préférer
le format vectoriel svg

https://imageoptim.com
http://compressor.io/
Pour compresser vos images
https://handbrake.fr/
pour compresser vos vidéos
Des outils pour vous aider

Utilisez le
lazy loading
0003
0004

Ne générez
pas de 404
0005

404
ne pas générer de page 404, mais redirigier
plug in de Konrad

Quelques
exemples
0006

003
Aller plus loin

Eco-conception
web / les 115
bonnes
pratiques
Frédéric Bordage

Gauthier
Roussilhe
Repenser le numérique dans les limites
planétaires
http://gauthierroussilhe.com/en
Prône une approche
“environnement-centric” plutôt que
“user-centric” de la conception web

“Lorsque l'on visite un site web,80 % de l'énergie
dépensée provient de l'ordinateur (ou tablette,
smartphone...),20 % du navigateur web”
Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),

“Le véritable levier est donc d'augmenter au maximum la durée de
vie de nos équipements électroniques.La responsabilité incombe
donc plutôt aux fabricants de matériels électroniques et aux
webmasters qui doivent concevoir des sites web épurés et
éco-conçus de manière à ce qu'ils soient lisibles sur des
équipements plus anciens”
Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),

éteindre les appareils
reliés à Internet
lorsqu'ils ne sont pas
utilisés (la nuit
notamment)
réduire l'usage des
clouds
nettoyer régulièrement ses
boîtes mail
Limiter sa consommation en tant qu’utilisateur

UN JOLI SOUS-TITRE
Les engagements
de Pilot’in

Produire,tout en ayant un impact positif sur notre
environnement et sur l’épanouissement personnel
de nos collaborateurs

Agir dans nos locaux
(courses, énergie, eau),
matériel
Changer notre manière de
produire (outils,
méthodes)
Nous engager à l’extérieur
(actions, causes)
Une stratégie en trois axes
Lire nos engagements

https://www.notre-planete.info/actualites
/4328-consommation-energie-web-saturation
https://eco-communication.ademe.fr/sites/
default/files/les-115-bonnes-pratiques-ec
oconception-web-frederic-bordage.pdf
https://collectif.greenit.fr/outils.html
https://collectif.greenit.fr/ecoconception
-web/2019-05-Ref-eco_web-checklist.v3.pdf
https://www.fournisseur-energie.com/intern
et-plus-gros-pollueur-de-planete/
https://www.notre-planete.info/actualites/
4328-consommation-energie-web-saturation
Sources

Julien
Directeur artistique
VOTRE INTERLOCUTEUR

Croissance continue
11 ans d’histoire
2008
Julien Dereumaux lance
son activité webmarketing
#optimiste
2013
Lancement de la
SAS Pilot’in
#catamaran
2015
Augmentation du
capital social à
20 000 euros et
fusion avec
Com’op
#trimaran
2020
17 personnes
dans l’équipage
#vedette

TOP 30 FRANCE de 2015 à 2019
des agences digitales
Ces organismes soutiennent Pilot’in dans ses démarches d’organisation, de recrutement et d’innovation
*Classement réalisé par Décideurs magazine sur les critères de robustesse, optimisation pour le SEO et
rapidité des sites de Pilot’in avec interview de plusieurs clients.
Reconnaissances, partenaires & engagements
Intégré à l’écosystème

L’équipage
17 marins dédiés à la performance !
Dans 130m2 de beaux bureaux en plein coeur de Lyon (Place des Terreaux)
1 Président
1 Directeur associé
2 pilotes de clientèle 2 Webmarketeurs
3 Webdesigners 5 Développeurs
Consulter les CVs des matelots

Les synergies avec Lyon Entreprises
+
Création de sites web
Webmarketing
Accompagnement et
formation
Média économique régional
Mise en place de stratégie SEO
Apport de leads BtoB sur Lyon et
sa région
Pilot’in a racheté lors de l’été 2017 le portail d’information économique et annuaire des entreprises de
Rhône-Alpes en ligne depuis 2001. Les 2 entités restent autonomes et travaillent sur plusieurs clients
en commun.
En chiffres :
32 000 entreprises enregistrées et enrichies ;
1 800 000 visiteurs par an ;
3 500 000 pages vues ;
58 000 abonnés qui reçoivent la newsletter hebdomadaire ;

Et retrouvez d’autres webinars sur
notre chaine

Penser et designer un site éco-responsable

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Penser et designer un site éco-responsable

Ähnlich wie Penser et designer un site éco-responsable (20)

Mehr von Julien Dereumaux

Mehr von Julien Dereumaux (20)

Penser et designer un site éco-responsable