OOP 2023 - Hol Dein Cape, wir retten den Planeten

Unserem Planeten geht es nicht gut. Das 1,5-Grad-Ziel ist eigentlich nicht mehr zu halten; 2 Grad, schau mer mal. Und WIR ALLE sind daran beteiligt. Leute, es wird Zeit, wir müssen mehr tun! Aber das Gute ist, als Entwickler:in hat JEDE:R von uns große Hebel, um die Situation zu verbessern. Mit diesem Vortrag trommeln wir für mehr Nachhaltigkeit in der IT und geben zahlreiche, konkrete Tipps, wie WIR ALLE durch nur kleine Änderungen in unserer Arbeit und unserem Verhalten JEDEN TAG unseren Beitrag zur Rettung unseres Planeten leisten können. Join us!

Transcript

1. HOL DEIN CAPE, WIR RETTEN DEN PLANETEN KONKRETE NACHHALTIGKEITS-TIPPS FÜR ENTWICKLER:INNEN OOP | 3. Juli 2023 Dr. Marcus Trapp Dr. Dominik Rost
2. 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. “ ”
3. 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
4. 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
5. Nachhaltigkeitsbewertung E-Zigarette Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
6. Nachhaltigkeitsbewertung Kochlöffel Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
7. Nachhaltigkeitsbewertung Sneaker 1 Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
8. Nachhaltigkeitsbewertung Sneaker 2 Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
9. Nachhaltigkeitsbewertung Trinkbecher aus PLA Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
10. Nachhaltigkeitsbewertung Wasserspar-Duschkopf Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
11. 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?
12. Herstellungsgüte
13. Wir sind schon nachhaltig genug. Wir nutzen einen Öko-Stromanbieter. “ ”
14. Es gibt in Deutschland etwa 10 echte Ökostromanbieter. “ ” www.robinwood.de/oekostromreport
15. Is ja nicht mein Geld. “ ”
16. Wir müssen IMMER ALLES im Blick haben. “
17. Einmal im Monat muss ich unser internationales Team persönlich treffen. “
18. Mit dem Flieger bin ich viel schneller von Hamburg in Berlin. “
19. Wir hatten noch Budget und haben schon mal was gekauft. “ ”
20. SAP HANA haben wir schon gekauft. Wir wissen nur noch nicht, was wir damit machen. “
21. Wir bauen das einfach überall rein, vielleicht zahlen sie später dafür. “
22. Model Training ist unser USP. Das müssen wir unbedingt immer wieder selbst machen. “
23. Natürlich brauchen wir unser eigenes GPU Cluster. “ ”
24. My Kung Fu is better than yours. “ ”
26. Müssen wirklich nach JEDEM Commit ALLE Tests durchlaufen. “ ”
27. Notwendigkeit
28. Brauchen wir die wirklich alle? “ ” Photo by Matthieu Beaumont on Unsplash
29. Auslastung 100% Server 1 Server 2 25% Server 3 25% Server 1 25% Server 4 25% Das ist besser… … als das.* * bezüglich Energieeffizienz
30. Energie-Proportionalität Power Utilization 0% 50% 100% https://learn.greensoftware.foundation/energy-efficiency 100W 180W 200W
31. Here lives a happy little cloud. “ ” Workloads in die Cloud verlagern
32. AWS re:Invent 2021 - Architecting for sustainability: https://www.youtube.com/watch?v=3-Zq2W1-odUf
33. Demand Shifting Spatial Shifting Temporal Shifting
35. Nutzungshäufigkeit
36. Ist das Kunst, oder kann das weg? “ ” Featurebedarf überdenken
37. 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
38. pendo 2019 Feature Adoption Report: https://go.pendo.io/rs/185-LQW-370/images/2019%20Feature%20Adoption%20Report%20Digital.pdf
39. @Slack
40. 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
41. Ungenutztes Javascript entfernen https://developer.chrome.com/docs/lighthouse/performance/unused-javascript/
42. https://pin.it/4pZnh6d Wer weiß wofür wir die Daten noch brauchen können. “ ” Datenbedarf überdenken
43. Langlebigkeit
44. Er läuft und läuft und läuft… “ ” Langlebigkeit der Software & Hardware Photo by Julian Hochgesang on Unsplash
45. Hardware: Embodied Carbon https://learn.greensoftware.foundation/hardware-efficiency
46. Hardware: Embodied Carbon Einsparung von CO2 durch Verlängerung der Lebensdauer https://learn.greensoftware.foundation/hardware-efficiency
47. Lebensdauer von Geräten verlängern Software so schreiben, dass sie auch auf alten Geräten ausführbar bleibt Performance (Ressourcenverbrauch) Neueste Technologien (vermeiden)
48. http://caniuse.com http://caniuse.com
49. Energieverbrauch
50. Diät-Trends 2023 “ ” Unnötige Kommunikation vermeiden
51. Es läppert sich https://observablehq.com/@mrchrisadams/carbon-footprint-of-sending-data-around
52. https://de.wikipedia.org/wiki/Jean_P%C3%BCtz#/media/Datei:Jean-Puetz.jpg Ich hab‘ da mal was vorbereitet. “ ” HTTP Caching
53. 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
54. 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
55. 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.
56. 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.
57. Lazy Loading <img src="flamingo.jpg" loading="lazy" alt="Ein Flamingo" width="200" height="200"> Demo (mit Katzenbildern!): https://mathiasbynens.be/demo/img-loading-lazy
58. https://www.instagram.com/p/B6q6WDNhMIY/ Gibt‘s das auch ne Nummer kleiner? “ ” Datenmenge reduzieren
59. Komprimierung einschalten gzip on; Beispiel nginx brotli on;
60. 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/
61. Responsive Images: Device Pixel Ratio https://whatismyviewport.com/ Device Pixel Ratio
62. Responsive Images: Device Pixel Ratio <img srcset="small_flamingo.jpg 1x, large_flamingo.jpg 2x" src="small_flamingo.jpg" alt=”Ein Flamingo" />
63. Responsive Images: Fluid Images <img srcset="flamingo_large.jpg 1024w, flamingo_medium.jpg 640w, flamingo_small.jpg 320w" sizes="(min-width: 36em) 33.3vw, 100vw" src="flamingo_small.jpg" alt="Ein Flamingo" />
64. 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%
65. Moderne Bildformate: Progressive Enhancement <picture> <source srcset="img/flamingo.avif" type="image/avif"> <source srcset="img/flamingo.webp" type="image/webp"> <img src="img/flamingo.jpg" alt=”Ein Flamingo" width="360"> </picture> https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/#avif-tooling-and-support
66. Bilder: Toolunterstützung Image CDNs: Cloudinary, Netlify, imgix, Image Optim, Cloudflare, … just-gimme-an-img.vercel.app https://res.cloudinary.com/<cloud_name>/<asset_type>/<delivery_type>/ <transformations>/<version>/<public_id_full_path>.<extension>
67. 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
68. https://knowyourmeme.com/photos/1870287-cats Give yourself to the Dark Side. “ ” Dark Mode
69. Dark Modus Android Dev Summit 2018 Livestream: https://www.youtube.com/watch?v=UljafaxRcEE&t=4879s
70. Engagementstärkung
71. Nachhaltigkeitsbewertung Wasserspar-Duschkopf Notwendigkeit Herstellungsgüte Nutzungshäufigkeit Langlebigkeit Energieverbrauch Engagementstärkung Verwertbarkeit
72. Eliminate empty Transports
73. Travel 10 Minutes longer but save up to 13% Fuel Eco-friendly Routing Option Travel more eco-friendly
74. Provide Eco-friendly Options
75. Creating and curating Climate Content
76. Reduce Waste of Food
77. Reduce Return Shipping
78. Reduce Plastic Garbage
79. Reduce Debris
80. Circular Fashion
81. Sharing Anything
82. Use unutilized Resources
83. Verwertung
84. Ich hab‘ grad wieder 'nen neuen Rechner bekommen. “ ”
85. Ausrangierte Business-Hardware kann noch vielfach sinnvoll genutzt werden. “
86. 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). “
87. Man sollte besser nicht alles ewig aufheben. “ ”
88. Nachrichten werden schnell "biologisch abgebaut". Auf Endgeräten und Servern. “
89. Parallelbetrieb minimieren. “ ”
90. Ungenutzte (Test-) Systeme abschalten. “ ”
91. 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.
92. 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
93. 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
94. 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
95. HOL DEIN CAPE, WIR RETTEN DEN PLANETEN KONKRETE NACHHALTIGKEITS-TIPPS FÜR ENTWICKLER:INNEN OOP | 3. Juli 2023 Dr. Marcus Trapp Dr. Dominik Rost