Slide 1
Slide 1 text
HOL DEIN CAPE,
WIR RETTEN DEN PLANETEN
KONKRETE NACHHALTIGKEITS-TIPPS FÜR ENTWICKLER:INNEN
OOP | 3. Juli 2023 Dr. Marcus Trapp
Dr. Dominik Rost
Slide 2
Slide 2 text
Bei jedem Einkauf mehr über dessen Nachhaltigkeit erfahren sowie
einfach und direkt zu spürbaren Verbesserungsaktionen beitragen,
die es uns allen einfacher machen, nachhaltiger zu leben.
“
”
Slide 3
Slide 3 text
Nachhaltigkeit
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Wozu
wird’s gebraucht?
Woher
kommt‘s?
Wie oft
wird‘s benutzt?
Wie lange
hält‘s?
Wieviel
Energie verbraucht’s?
Was
bewirkt’s noch?
Wohin
geht’s?
• CO2
e Endproduktion
• CO2
e Verpackung
• CO2
e Auslieferung
• CO2
e Komponentenproduktion
• CO2
e Zulieferung
• CO2
e Rohstoffgewinnung
• CO2
e Bilanz (Produzierendes Unternehmen)
• CO2
e Bilanz (Unternehmen in der Lieferkette)
• CO2
e ...
Abdeckung Lebenszyklus
Präzision / Aufwand der Erhebung
ist mehrdimensional
Slide 4
Slide 4 text
Nachhaltigkeit ist mehrdimensional
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Wozu
wird’s gebraucht?
Woher
kommt‘s?
Wie oft
wird‘s benutzt?
Wie lange
hält‘s?
Wieviel
Energie verbraucht’s?
Was
bewirkt’s noch?
Wohin
geht’s?
ragmatisch-präzise nformationen zu achhaltigem onsum
P I N K -Index
VON
Slide 5
Slide 5 text
Nachhaltigkeitsbewertung E-Zigarette
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 6
Slide 6 text
Nachhaltigkeitsbewertung Kochlöffel
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 7
Slide 7 text
Nachhaltigkeitsbewertung Sneaker 1
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 8
Slide 8 text
Nachhaltigkeitsbewertung Sneaker 2
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 9
Slide 9 text
Nachhaltigkeitsbewertung Trinkbecher aus PLA
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 10
Slide 10 text
Nachhaltigkeitsbewertung Wasserspar-Duschkopf
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 11
Slide 11 text
PINK-Index für Software-Entwicklung
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Wozu
wird’s gebraucht?
Woher
kommt‘s?
Wie oft
wird‘s benutzt?
Wie lange
hält‘s?
Wieviel
Energie verbraucht’s?
Was
bewirkt’s noch?
Wohin
geht’s?
Slide 12
Slide 12 text
Herstellungsgüte
Slide 13
Slide 13 text
Wir sind schon
nachhaltig genug.
Wir nutzen einen
Öko-Stromanbieter.
“
”
Slide 14
Slide 14 text
Es gibt in Deutschland
etwa 10 echte
Ökostromanbieter.
“
”
www.robinwood.de/oekostromreport
Slide 15
Slide 15 text
Is ja nicht mein Geld.
“ ”
Slide 16
Slide 16 text
Wir müssen IMMER ALLES
im Blick haben.
“
Slide 17
Slide 17 text
Einmal im Monat
muss ich unser
internationales
Team persönlich
treffen.
“
Slide 18
Slide 18 text
Mit dem Flieger
bin ich viel
schneller von
Hamburg in
Berlin.
“
Slide 19
Slide 19 text
Wir hatten noch Budget und
haben schon mal was gekauft.
“
”
Slide 20
Slide 20 text
SAP HANA haben
wir schon gekauft.
Wir wissen nur
noch nicht, was wir
damit machen.
“
Slide 21
Slide 21 text
Wir bauen das
einfach überall
rein, vielleicht
zahlen sie später
dafür.
“
Slide 22
Slide 22 text
Model Training ist
unser USP.
Das müssen wir
unbedingt immer
wieder selbst
machen.
“
Slide 23
Slide 23 text
Natürlich
brauchen wir
unser eigenes
GPU Cluster.
“
”
Slide 24
Slide 24 text
My Kung Fu
is better
than yours.
“
”
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
Müssen wirklich
nach JEDEM
Commit ALLE Tests
durchlaufen.
“
”
Slide 27
Slide 27 text
Notwendigkeit
Slide 28
Slide 28 text
Brauchen wir die
wirklich alle?
“
”
Photo by Matthieu Beaumont on Unsplash
Slide 29
Slide 29 text
Auslastung
100%
Server 1 Server 2
25%
Server 3
25%
Server 1
25%
Server 4
25%
Das ist besser… … als das.*
* bezüglich Energieeffizienz
Slide 30
Slide 30 text
Energie-Proportionalität
Power
Utilization
0% 50% 100%
https://learn.greensoftware.foundation/energy-efficiency
100W
180W
200W
Slide 31
Slide 31 text
Here lives a happy
little cloud.
“
”
Workloads in die Cloud verlagern
Slide 32
Slide 32 text
AWS re:Invent 2021 - Architecting for sustainability: https://www.youtube.com/watch?v=3-Zq2W1-odUf
Slide 33
Slide 33 text
Demand Shifting
Spatial Shifting Temporal Shifting
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
Nutzungshäufigkeit
Slide 36
Slide 36 text
Ist das Kunst,
oder kann das weg?
“
”
Featurebedarf überdenken
Slide 37
Slide 37 text
Feature Use in 4 Internal-Use Products
Standish-Group, 2002
Never
45%
Rarely
19%
Sometimes
16%
Often
13%
Always
7%
Never Rarely Sometimes Often Always Standish Group, Modernization – Clearing a Pathway to Success, 2010
https://www.standishgroup.com/sample_research_files/Modernization.pdf
Jim Johnson, Chairman of the Standish Group. Keynote “ROI, It’s Your Job.” 3rd International Conference on Extreme Programming, Alghero, Italy, 2002
Slide 38
Slide 38 text
pendo 2019 Feature Adoption Report: https://go.pendo.io/rs/185-LQW-370/images/2019%20Feature%20Adoption%20Report%20Digital.pdf
Slide 39
Slide 39 text
@Slack
Slide 40
Slide 40 text
Wir brauchen das,
sonst geht es nicht.
“
”
https://www.reddit.com/r/StableDiffusion/comments/143gz98/i_created_an_apple_vision_pro_campaign_featuring/
Technologiebedarf überdenken
Slide 41
Slide 41 text
Ungenutztes Javascript entfernen
https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/
Slide 42
Slide 42 text
https://pin.it/4pZnh6d
Wer weiß wofür wir
die Daten noch
brauchen können.
“
”
Datenbedarf überdenken
Slide 43
Slide 43 text
Langlebigkeit
Slide 44
Slide 44 text
Er läuft und läuft
und läuft…
“
”
Langlebigkeit der Software & Hardware
Photo by Julian Hochgesang on Unsplash
Slide 45
Slide 45 text
Hardware: Embodied Carbon
https://learn.greensoftware.foundation/hardware-efficiency
Slide 46
Slide 46 text
Hardware: Embodied Carbon
Einsparung von CO2 durch Verlängerung der Lebensdauer
https://learn.greensoftware.foundation/hardware-efficiency
Slide 47
Slide 47 text
Lebensdauer von Geräten verlängern
Software so schreiben, dass sie auch auf alten Geräten ausführbar bleibt
Performance
(Ressourcenverbrauch)
Neueste Technologien
(vermeiden)
Slide 48
Slide 48 text
http://caniuse.com
http://caniuse.com
Slide 49
Slide 49 text
Energieverbrauch
Slide 50
Slide 50 text
Diät-Trends 2023
“ ”
Unnötige Kommunikation vermeiden
Slide 51
Slide 51 text
Es läppert sich
https://observablehq.com/@mrchrisadams/carbon-footprint-of-sending-data-around
Slide 52
Slide 52 text
https://de.wikipedia.org/wiki/Jean_P%C3%BCtz#/media/Datei:Jean-Puetz.jpg
Ich hab‘ da mal
was vorbereitet.
“
”
HTTP Caching
Slide 53
Slide 53 text
HTTP-Caching
Browser
Cache
Server
GET https://fullflamingo.cc
Cache-Control
Response Header
ETag
Direktiven, ob und wie die Ressource gecached soll
Generiertes Tag das angibt, ob sich die Resource verändert hat
GET https://fullflamingo.cc
Slide 54
Slide 54 text
HTTP-Caching: Caching-Control
Browser
Cache
Server
GET https://fullflamingo.cc
200 OK
Cache-Control: max-age=86400
max-age
Cache-Control Direktiven
no-cache
Ressource kann für n Sekunden gecached werden
Kann gecached werden, muss aber vor Nutzung neu validiert werden
no-store Ressource darf nicht gecached werden
Slide 55
Slide 55 text
HTTP-Caching: ETag
Browser
Cache
Server
GET https://fullflamingo.cc
Cache-Control: max-age=86400
ETag: "33a64df551425f"
If-None-Match: "33a64df551425f"
304 Not Modified
Mit ETags können stale gewordene Ressourcen aufgefrischt werden,
ohne die Daten erneut zu übertragen.
Slide 56
Slide 56 text
HTTP-Caching: Fingerprinting
Browser
Cache
Server
GET /img/flamingo_1jkh13c2.webp
Cache-Control: max-age=31536000,
immutable
200 OK
Maximale Cache-Dauer. Bei Update ändert sich der Fingerprint im Dateinamen.
Slide 57
Slide 57 text
Lazy Loading
Demo (mit Katzenbildern!): https://mathiasbynens.be/demo/img-loading-lazy
Demo (mit Katzenbildern!): https://mathiasbynens.be/demo/img-loading-lazy
Slide 58
Slide 58 text
https://www.instagram.com/p/B6q6WDNhMIY/
Gibt‘s das auch ne
Nummer kleiner?
“
”
Datenmenge reduzieren
Slide 59
Slide 59 text
Komprimierung einschalten
gzip on;
Beispiel nginx
brotli on;
Slide 60
Slide 60 text
Responsive Images
§ Endgeräte haben unterschiedliche Device Pixel Ratios
§ Bilder in Responsive Web Design müssen skaliert werden
§ Unterschiedliche Browser unterstützen unterschiedliche Bildformate
§ Massive Verschwendung beim Datentransfer (bis zu 72%)
https://timkadlec.com/2013/06/why-we-need-responsive-images/
Slide 61
Slide 61 text
Responsive Images: Device Pixel Ratio
https://whatismyviewport.com/
Device Pixel Ratio
Slide 62
Slide 62 text
Responsive Images: Device Pixel Ratio
Slide 63
Slide 63 text
Responsive Images: Fluid Images
Slide 64
Slide 64 text
Moderne Bildformate: Vergleich
AVIF
50% kleiner als JPEG
WebP
30% kleiner als JPEG
JPEG
https://www.webmasters-fernakademie.de/blog/grafithek/avif-webp-oder-heic-welches-ist-das-bildformat-der-zukunft
Dateigröße
AVIF
83.97%
WebP
96.63%
JPEG
Unterstützung
100%
Slide 65
Slide 65 text
Moderne Bildformate: Progressive Enhancement
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/#avif-tooling-and-support
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/#avif-tooling-and-support
Slide 66
Slide 66 text
Bilder: Toolunterstützung
Image CDNs: Cloudinary, Netlify, imgix, Image Optim, Cloudflare, …
just-gimme-an-img.vercel.app
https://res.cloudinary.com////
//.
Slide 67
Slide 67 text
Custom Fonts optimieren
§ Moderne Dateiformate: WOFF2
§ Variable Fonts
§ Werden als nur eine Datei ausgeliefert
§ Brauchen typischerweise weniger Speicher
§ Subsetting: Nur benötigte Zeichen ausliefern
§ Beispielsweise: https://github.com/zachleat/glyphhanger
Inter UI (default) Inter UI (optimized)
TTF File WOFF2 File
2192 Characters 98 Characters
300kb 7kb
Tom Greenwood - A sustainable web for everyone: https://www.youtube.com/watch?v=ebxeXqjesOo
Slide 68
Slide 68 text
https://knowyourmeme.com/photos/1870287-cats
Give yourself to
the Dark Side.
“
”
Dark Mode
Slide 69
Slide 69 text
Dark Modus
Android Dev Summit 2018 Livestream: https://www.youtube.com/watch?v=UljafaxRcEE&t=4879s
Slide 70
Slide 70 text
Engagementstärkung
Slide 71
Slide 71 text
Nachhaltigkeitsbewertung Wasserspar-Duschkopf
Notwendigkeit
Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
Slide 72
Slide 72 text
Eliminate empty
Transports
Slide 73
Slide 73 text
Travel 10 Minutes
longer but
save up to 13% Fuel
Eco-friendly Routing
Option
Travel more
eco-friendly
Slide 74
Slide 74 text
Provide Eco-friendly Options
Slide 75
Slide 75 text
Creating and curating Climate Content
Slide 76
Slide 76 text
Reduce Waste
of Food
Slide 77
Slide 77 text
Reduce Return Shipping
Slide 78
Slide 78 text
Reduce Plastic Garbage
Slide 79
Slide 79 text
Reduce Debris
Slide 80
Slide 80 text
Circular Fashion
Slide 81
Slide 81 text
Sharing Anything
Slide 82
Slide 82 text
Use unutilized Resources
Slide 83
Slide 83 text
Verwertung
Slide 84
Slide 84 text
Ich hab‘ grad
wieder 'nen
neuen Rechner
bekommen.
“
”
Slide 85
Slide 85 text
Ausrangierte
Business-Hardware
kann noch vielfach
sinnvoll genutzt
werden.
“
Slide 86
Slide 86 text
Die 5.000 olympischen
Medaillen für Tokio 2020/21
bestehen aus 32 kg Gold,
3.400 kg Silber und
2.200 kg Bronze, gewonnen
aus 80.000 Tonnen Elektro-
Kleingeräten (u.a. 1,6 Mio
Handys).
“
Slide 87
Slide 87 text
Man sollte besser
nicht alles ewig
aufheben.
“
”
Slide 88
Slide 88 text
Nachrichten werden
schnell "biologisch
abgebaut".
Auf Endgeräten
und Servern.
“
Slide 89
Slide 89 text
Parallelbetrieb
minimieren.
“
”
Slide 90
Slide 90 text
Ungenutzte
(Test-) Systeme
abschalten.
“
”
Slide 91
Slide 91 text
Zum Mitnehmen
Man kann nicht alles machen,
schon gar nicht zu Anfang. Sei achtsam und denke
Nachhaltigkeit mit.
Viele der Tipps kann man
einfach so mal machen. Im Schwarm haben wir
einen großen Hebel.
Nachhaltigkeit zahlt
oft auf andere
Qualitätsattribute ein.
#vernachhaltigfacht
euren Einkauf.
Slide 92
Slide 92 text
Weitere Informationen
§ Basics / Prinzipien
§ https://learn.greensoftware.foundation/introduction/
§ https://learn.microsoft.com/en-gb/training/modules/sustainable-software-engineering-overview/
§ https://github.com/sandstorm/awesome-sustainable-software
§ Strom
§ https://utopia.de/ratgeber/gruenes-webhosting-oekostrom/
§ https://www.robinwood.de/oekostromreport
Slide 93
Slide 93 text
Weitere Informationen
§ Sustainable Software / Web Tipps
§ https://www.wholegraindigital.com/blog/website-energy-efficiency/
§ https://sustainablewebdesign.org/
§ https://www.jcchouinard.com/sustainable-web/
§ https://www.youtube.com/watch?v=ebxeXqjesOo
§ https://www.innoq.com/de/podcast/?mode=eco
§ https://speakerdeck.com/ufried/patterns-of-sustainability-going-green-in-it
§ https://www.dannyvankooten.com/blog/2020/website-carbon-emissions/
§ https://thoughtbot.com/blog/so-you-wanna-create-an-eco-friendly-website
Slide 94
Slide 94 text
Weitere Informationen
§ Caching
§ https://web.dev/http-cache/
§ Bildoptimierung
§ https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/
§ https://ericportis.com/posts/2014/srcset-sizes/
§ https://just-gimme-an-img.vercel.app/
§ https://photutorial.com/image-format-comparison-statistics/
§ https://caniuse.com/
§ https://www.wholegraindigital.com/blog/best-image-optimiser-2018/
§ Font-Optimierung
§ https://wicki.io/posts/2021-11-woff2-one-font-format-to-rule-them-all/
§ https://github.com/zachleat/glyphhanger
Slide 95
Slide 95 text
HOL DEIN CAPE,
WIR RETTEN DEN PLANETEN
KONKRETE NACHHALTIGKEITS-TIPPS FÜR ENTWICKLER:INNEN
OOP | 3. Juli 2023 Dr. Marcus Trapp
Dr. Dominik Rost