Upgrade to Pro — share decks privately, control downloads, hide ads and more …

OOP 2023 - Hol Dein Cape, wir retten den Planeten

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!

Dominik Rost

July 03, 2023
Tweet

More Decks by Dominik Rost

Other Decks in Technology

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. 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?
  6. Auslastung 100% Server 1 Server 2 25% Server 3 25%

    Server 1 25% Server 4 25% Das ist besser… … als das.* * bezüglich Energieeffizienz
  7. 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
  8. Er läuft und läuft und läuft… “ ” Langlebigkeit der

    Software & Hardware Photo by Julian Hochgesang on Unsplash
  9. Hardware: Embodied Carbon Einsparung von CO2 durch Verlängerung der Lebensdauer

    https://learn.greensoftware.foundation/hardware-efficiency
  10. Lebensdauer von Geräten verlängern Software so schreiben, dass sie auch

    auf alten Geräten ausführbar bleibt Performance (Ressourcenverbrauch) Neueste Technologien (vermeiden)
  11. 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
  12. 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
  13. 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.
  14. 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.
  15. 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
  16. 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/
  17. 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" />
  18. 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%
  19. 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
  20. 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>
  21. 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
  22. Travel 10 Minutes longer but save up to 13% Fuel

    Eco-friendly Routing Option Travel more eco-friendly
  23. 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). “
  24. 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.
  25. 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
  26. 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
  27. 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
  28. HOL DEIN CAPE, WIR RETTEN DEN PLANETEN KONKRETE NACHHALTIGKEITS-TIPPS FÜR

    ENTWICKLER:INNEN OOP | 3. Juli 2023 Dr. Marcus Trapp Dr. Dominik Rost