Warum unser Web nachhaltiger werden muss und wie wir das anstellen!

A presentation at Bits & Bäume in November 2018 in Berlin, Germany by Niklas Jordan

Slide 1

Slide 1

The Planet Friendly Web

Warum unser Web nachhaltiger werden muss und wie wir das anstellen!

Slide 2

Slide 2

Auge des Hurricane Florence (ESA/NASA–A. Gerst )

Slide 3

Slide 3

Im „echten“ Leben spielt Nachhaltigkeit zunehmend eine große Rolle...

Slide 4

Slide 4

Bitte denken Sie an unsere Umwelt, bevor Sie diese E-Mail ausdrucken. Hinweis in Signaturen zum nachhaltigen Umgang

Slide 5

Slide 5

This Website is powered by Renewable Energy. Hinweis auf Website

Slide 6

Slide 6

Hinweis auf solar.lowtechmagazine.com

Slide 7

Slide 7

Daten

Slide 8

Slide 8

Daten

Elektrizität

Slide 9

Slide 9

Daten

Elektrizität

CO2

Slide 10

Slide 10

Grafik: aus dem Buch Designing for Sustainability von Tim Frick (O’Reilly)

Slide 11

Slide 11

Internet CO2 Emissionen pro Jahr (Quelle: alistapart.com/article/sustainable-web-design) 830 Mio. t

Slide 12

Slide 12

Quelle: www.co2-emissionen-vergleichen.de

Slide 13

Slide 13

Internet Data Center 830 Mio. t 332 Mio. t CO2 Emissionen pro Jahr (Quelle: alistapart.com/article/sustainable-web-design)

Slide 14

Slide 14

Illustration von Artiom Dashinsky (uxdesign.cc/product-design-for-sustainability)

Slide 15

Slide 15

  1. Woher kommt die Energie, die meinen Server versorgt? 2. Wie viel Ressourcen sende ich? 3. Gehe ich mit externen Ressourcen verantwortungsvoll um?

Slide 16

Slide 16

< That’s me Technology advocate for good and planet friendly causes. @niklas_jordan niklasjordan.com/newsletter

Slide 17

Slide 17

  1. Woher kommt die Energie, die meinen Server versorgt?

Slide 18

Slide 18

Aus dem ClickClean-Report von 2017: clickclean.org/germany/de/

Slide 19

Slide 19

Checke ob eine Website mit grüner Energie betrieben wird: thegreenwebfoundation.org

Slide 20

Slide 20

  1. Wie viel Ressourcen sende ich?

Slide 21

Slide 21

Berechne die CO2 Emissionen deiner Website: websitecarbon.com

Slide 22

Slide 22

Quelle: soasta.com/blog/page-bloat-average-web-page-2-mb/

Slide 23

Slide 23

Werbung bläht Seiten auf (Grafik: New York Times)

Slide 24

Slide 24

Quelle: cnet.com/news/web-sites-are-getting-faster-but-not-enough/

Slide 25

Slide 25

Definiere ein Performance Budget: performancebudget.io

Slide 26

Slide 26

Beispiel: wikipedia.de

Slide 27

Slide 27

Beispiel: wikipedia.de

Slide 28

Slide 28

~ 45 kb Beispiel: wikipedia.de

Slide 29

Slide 29

~ 45 kb Beispiel: wikipedia.de

Slide 30

Slide 30

~ 45 kb Beispiel: wikipedia.de

Slide 31

Slide 31

170 Mio. Impressionen (pro Monat) Rechenbeispiel: Impressionen von Wikipedia

Slide 32

Slide 32

170 Mio. * 25 kb Rechenbeispiel: Impressionen * eingespartes Dateivolumen

Slide 33

Slide 33

170 Mio. * 25 kb = 4352 Gb Rechenbeispiel: ergibt das eingesparte Volumen

Slide 34

Slide 34

170 Mio. * 25 kb = 4352 Gb * 5 kWH Rechenbeispiel: 1 Gb benötigt ca. 5 kWh Leistung

Slide 35

Slide 35

170 Mio. * 25 kb = 4352 Gb * 5 kWH = 21.760 kWh Rechenbeispiel: ergibt 21.760 kWh – eingesparte Leistung durch das verringern der Größe einer Datei

Slide 36

Slide 36

10 Rechenbeispiel: eingesparte CO2 Emissionen in Tonnen

Slide 37

Slide 37

  1. Gehe ich mit externen Ressourcen verantwortungsvoll um?

Slide 38

Slide 38

Ethical Design Manifesto von ind.ie

Slide 39

Slide 39

Business Case

Slide 40

Slide 40

Wenn der Seitenaufruf sich um eine Sekunde verlangsamt, sinken die Umsätze jährlich um 1,6 Milliarden Euro. Amazon

Slide 41

Slide 41

Neue Nutzer gewinnen Business Case Verbesserte User Experience Geld sparen Optimierung für Suchmaschinen

Slide 42

Slide 42

Checke deine verursachten Emissionen Optimiere deine Performance, UX, A11y und deinen Inhalt Ziehe zu einem grünen Hoster um

Slide 43

Slide 43

Hört auf Captain Planet…

Slide 44

Slide 44

Danke. bit.ly/nachhaltiges-web @niklas_jordan niklasjordan.com/newsletter