wordpress est-il green...eco-conception web . supprimer. #ecoconceptionweb @romainpetiot44....
TRANSCRIPT
![Page 1: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/1.jpg)
#ecoConceptionWeb @romainpetiot44
WordPress est-il green ?WordCamp 24/04/2019
![Page 2: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/2.jpg)
#ecoConceptionWeb @romainpetiot44
Romain Petiot@romainpetiot44
Qui-suis-je ?
![Page 3: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/3.jpg)
#ecoConceptionWeb @romainpetiot44
Attention :Tromperie sur la marchandise !
![Page 4: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/4.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 5: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/5.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 6: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/6.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 7: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/7.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 8: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/8.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 9: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/9.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 10: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/10.jpg)
#ecoConceptionWeb @romainpetiot44
Internet repose sur une infrastructure physique
Data center
Réseau
Terminaux
![Page 11: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/11.jpg)
#ecoConceptionWeb @romainpetiot44
Impacts du numérique sur l’environnements
![Page 12: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/12.jpg)
#ecoConceptionWeb @romainpetiot44
Extraction des matières premières50 à 60 Métaux différents dont des terres rares pour fabriquer un smartphone
![Page 13: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/13.jpg)
#ecoConceptionWeb @romainpetiot44
Déforestation
Produits chimiques
Consommation Eau
Rejets toxiques et radioactifs
![Page 14: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/14.jpg)
#ecoConceptionWeb @romainpetiot44
Baotou(Chine - Mongolie inter.)
Les effluents toxiques sont stockés dans un lac artificiel de 10 km3*
La radioactivité est 32 fois à la normale*
*source : https://fr.wikipedia.org/wiki/Terre_rare
![Page 15: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/15.jpg)
#ecoConceptionWeb @romainpetiot44
97% de terres rares extraite en Chine
Et si la Chine arrêtait d’exporter ses terres rares ?
![Page 16: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/16.jpg)
#ecoConceptionWeb @romainpetiot44
source : https://www.encyclo-ecolo.com/Epuisement_des_ressources
![Page 17: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/17.jpg)
#ecoConceptionWeb @romainpetiot44
Extraction de Cobalt en Afrique (République démocratique du Congo)
source : https://www.courrierinternational.com/article/republique-democratique-du-congo-le-scandaleux-business-du-cobalt
![Page 18: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/18.jpg)
#ecoConceptionWeb @romainpetiot44
Ou sinon, Les impacts du numérique en 1 chiffre
![Page 19: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/19.jpg)
#ecoConceptionWeb @romainpetiot44
3,7 %
![Page 20: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/20.jpg)
#ecoConceptionWeb @romainpetiot44
Les impacts, c’est où et comment ?
![Page 21: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/21.jpg)
#ecoConceptionWeb @romainpetiot44
Source : greenIT.fr
![Page 22: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/22.jpg)
#ecoConceptionWeb @romainpetiot44
Que faire ?
![Page 23: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/23.jpg)
#ecoConceptionWeb @romainpetiot44
Que faire ?Allonger la durée de vie du matériel
![Page 24: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/24.jpg)
#ecoConceptionWeb @romainpetiot44
Que faire ?Allonger la durée de vie du matériel
Acheter matériel reconditionné
![Page 25: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/25.jpg)
#ecoConceptionWeb @romainpetiot44
Que faire ?Allonger la durée de vie du matériel
Achéter matériel reconditionné
ou d’occasion
![Page 26: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/26.jpg)
#ecoConceptionWeb @romainpetiot44
Et c’est tout ?
![Page 27: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/27.jpg)
#ecoConceptionWeb @romainpetiot44
Frugalité fonctionnelle
![Page 28: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/28.jpg)
#ecoConceptionWeb @romainpetiot44
Eco-conception Web
![Page 29: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/29.jpg)
#ecoConceptionWeb @romainpetiot44
Définition de l’éco-conception web
L’écoconception web est une démarche d’optimisation pour limiter l’impact environnemental d’un site web.
![Page 30: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/30.jpg)
#ecoConceptionWeb @romainpetiot44
Définition de l’éco-conception web
L’écoconception web est une démarche d’optimisation pour limiter l’impact environnemental d’un site web.
Ce résultat est obtenu par la frugalité fonctionnelle (limiter la surcharge featurale), et l’adoption de bonnes pratiques.
![Page 31: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/31.jpg)
#ecoConceptionWeb @romainpetiot44
Définition de l’éco-conception web
L’écoconception web est une démarche d’optimisation pour limiter l’impact environnemental d’un site web.
Ce résultat est obtenu par la frugalité fonctionnelle (limiter la surcharge featurale), et l’adoption de bonnes pratiques.
Outre cette recherche d’efficience, l’objectif est de permettre l’utilisation du service numérique sur des terminaux vieillissants afin de favoriser l’allongement de leur durée de vie.
![Page 32: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/32.jpg)
#ecoConceptionWeb @romainpetiot44
Les référentiels
![Page 33: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/33.jpg)
#ecoConceptionWeb @romainpetiot44
Retour d’expérience
![Page 34: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/34.jpg)
#ecoConceptionWeb @romainpetiot44
La sape connectée
#merciLaSape
![Page 35: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/35.jpg)
#ecoConceptionWeb @romainpetiot44
Présentation du site
Site WordPresseThème : event-star
Page builder : ElementorHébergement : OVH
![Page 36: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/36.jpg)
#ecoConceptionWeb @romainpetiot44
MesuresPoids le pageVitesse d’affichage (Fully Loaded)
Nombre de requêtesNombre d’éléments du DomEstimation GESConsommation électricité
![Page 37: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/37.jpg)
#ecoConceptionWeb @romainpetiot44
MesuresPoids le pageNombre de requêtesVitesse d’affichage (fully Loaded)
![Page 38: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/38.jpg)
#ecoConceptionWeb @romainpetiot44
MesuresPoids le pageNombre de requêtesVitesse d’affichage (Fully Loaded)
Nombre d’éléments du Dom
![Page 39: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/39.jpg)
#ecoConceptionWeb @romainpetiot44
MesuresPoids le pageNombre de requêtesVitesse d’affichage (Fully Loaded)
Nombre d’éléments du DomEstimation GES
![Page 40: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/40.jpg)
#ecoConceptionWeb @romainpetiot44
MesuresPoids le pageNombre de requêtesVitesse d’affichage (Fully Loaded)
Nombre d’éléments du DomEstimation GESConsommation électricité
![Page 41: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/41.jpg)
#ecoConceptionWeb @romainpetiot44
Mesures
![Page 42: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/42.jpg)
#ecoConceptionWeb @romainpetiot44
Audit sur les fonctionnalités
![Page 43: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/43.jpg)
#ecoConceptionWeb @romainpetiot44
Page d’accueilSlider
![Page 44: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/44.jpg)
#ecoConceptionWeb @romainpetiot44
Page d’accueilSliderPrésentation de la soirée
![Page 45: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/45.jpg)
#ecoConceptionWeb @romainpetiot44
Page d’accueilSliderPrésentation de la soiréeListe de tous les participants
![Page 46: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/46.jpg)
#ecoConceptionWeb @romainpetiot44
Page d’accueilSliderPrésentation de la soiréeListe de tous les participantsIframe d’inscription EventBrite
![Page 47: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/47.jpg)
#ecoConceptionWeb @romainpetiot44
Page d’accueilSliderPrésentation de la soiréeListe de tous les participantsIframe d’inscription EventBriteIframe Google Maps
![Page 48: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/48.jpg)
#ecoConceptionWeb @romainpetiot44
Page ConceptTexte de présentationIframe Google MapsPrésentation des membres de l’équipe
![Page 49: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/49.jpg)
#ecoConceptionWeb @romainpetiot44
Page Listing soirées
![Page 50: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/50.jpg)
#ecoConceptionWeb @romainpetiot44
Page soirées
![Page 51: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/51.jpg)
#ecoConceptionWeb @romainpetiot44
Audit technique
![Page 52: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/52.jpg)
#ecoConceptionWeb @romainpetiot44
Choix CMS & Thème & Page builder
![Page 53: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/53.jpg)
#ecoConceptionWeb @romainpetiot44
Relecture du code généré
Style inlineemojijquery version 1.xHTML, JS, CSS pas minimiser et pas regroupé
![Page 54: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/54.jpg)
#ecoConceptionWeb @romainpetiot44
GTmetrix
Images non optimisées avec des problèmes de taille
Manque le cache
![Page 55: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/55.jpg)
#ecoConceptionWeb @romainpetiot44
Unused CSS
Beaucoup de fichiers
Beaucoup de code inutil
![Page 56: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/56.jpg)
#ecoConceptionWeb @romainpetiot44
Hébergeur
PlanetHosterInfomaniakgreenshift
![Page 57: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/57.jpg)
#ecoConceptionWeb @romainpetiot44
Conformité HTML
La page d’accueil n’a pas de H1Problème sur le menu mobile (text banc)Fonctionne sur iphone 4 (minimum requis)7 erreurs w3c
![Page 58: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/58.jpg)
#ecoConceptionWeb @romainpetiot44
Audit contenu
![Page 59: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/59.jpg)
#ecoConceptionWeb @romainpetiot44
Pages zombiesrecherche Google :
site:www.sape-connectee.org
une page « non-classée » et les pages « quand, où? », «
pour qui? »
![Page 60: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/60.jpg)
#ecoConceptionWeb @romainpetiot44
Pages Réglementation
Mention cookiesRGPDcrédit photosmentions légales
![Page 61: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/61.jpg)
#ecoConceptionWeb @romainpetiot44
Arbitrages et implémentations
![Page 62: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/62.jpg)
#ecoConceptionWeb @romainpetiot44
Le thème Twenty Nineteen avec l’adoption de l’éditeur Gutenberg
(natif)
![Page 63: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/63.jpg)
#ecoConceptionWeb @romainpetiot44
Les participants
Lister 5 participants puis au clique sur le bouton « Voir tous les participants », s’affiche le listing des participants.
![Page 64: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/64.jpg)
#ecoConceptionWeb @romainpetiot44
Les participantsJson généré dans le custom block
![Page 65: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/65.jpg)
#ecoConceptionWeb @romainpetiot44
Les participants
![Page 66: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/66.jpg)
#ecoConceptionWeb @romainpetiot44
Les inscriptionsAu click sur le bouton “s'inscrire”, s’affiche l’iframe eventBrite
![Page 67: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/67.jpg)
#ecoConceptionWeb @romainpetiot44
La carteOpen Street Maphttps://api-adresse.data.gouv.fr/search/?q
Générer un image png depuis l’API OSM
Lien href vers la page openStreetMap
![Page 68: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/68.jpg)
#ecoConceptionWeb @romainpetiot44
La carte
![Page 69: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/69.jpg)
#ecoConceptionWeb @romainpetiot44
- Retirer les fonctionnalités de commentaires
- Retirer les fonctionnalités « emoji »
- Bloquer le Cron WordPress
- Optimisation des images
- Mise en place du cache
- Mise en place du Lazy Load
- Minifier le code HTML, JS, CSS
- Utiliser l’hébergeur Infomaniak
Les autres actions
![Page 70: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/70.jpg)
#ecoConceptionWeb @romainpetiot44
- Limiter les animations CSS/JS
- Lister les soirées sur deux colonnes
- Ne pas utiliser des bibliothèques Jquery,
Bootstrap
Les autres actions
![Page 71: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/71.jpg)
#ecoConceptionWeb @romainpetiot44
Re-mesures
![Page 72: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/72.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 73: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/73.jpg)
#ecoConceptionWeb @romainpetiot44
![Page 74: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/74.jpg)
#ecoConceptionWeb @romainpetiot44
Résultats
![Page 75: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/75.jpg)
#ecoConceptionWeb @romainpetiot44
Côté client
Nécessite moins de ressources
Propice à fonctionner sur des terminaux vieillissants
![Page 76: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/76.jpg)
#ecoConceptionWeb @romainpetiot44
Côté hébergement
Note the Green Web Foundation
![Page 77: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/77.jpg)
#ecoConceptionWeb @romainpetiot44
Côté réseauPage légère = moins de sollicitation
![Page 78: WordPress est-il green...Eco-conception Web . Supprimer. #ecoConceptionWeb @romainpetiot44. Définition de l’ éco-conception web. L’écoconception web est une démarche d’optimisation](https://reader034.vdocuments.site/reader034/viewer/2022052015/602d2df2ee11ef3b692bae49/html5/thumbnails/78.jpg)
#ecoConceptionWeb @romainpetiot44
Romain Petiot@romainpetiot44
Merci !