Neos can help saving the planet

Each user of a website produces CO2 for each page view. Pages with a high amount of video, non scaled big images, without caching mechanisms and a lot of clutter on the site produces way more CO2 than they have to. We as developers and decision makers in companies can have a huge impact on the environment. When we choose renewable energies for hosting, declutter the website structure, lower the date transfer rate and computing power we can save a lot of CO2.

We also get the bonus of better accessibility and a higher page rank on search engines when we optimize or applications to be more substainable and Environmentally friendly. So it could be a win-win solution for the customer and the planet.

Transcript

1. Neos can help saving the planet Markus Günther
2. Markus Günther • Developer at Flownative GmbH • Thankfully part of the Neos team • Proud dad and husband • Voluntary fi re fi ghter, member of the local council • And I really enjoy renovating old houses.
3. The World today!
4. Photo: Rainer Köpsell Harz 2022

5. https://tinyurl.com/4t9ry5mr Ahrtal 2021

6. Photo: Matthias Bein Harz 2024

7. https://tinyurl.com/2nnj42d3 Okjökull 1986

8. https://tinyurl.com/2nnj42d3 Okjökull 2019

9. Climate Change
 is real and we need to act
10. We can change things • Drive less – Use a bike, bus, or train instead of a car to reduce CO₂ emissions. • Consume consciously – Eat less meat and choose local, seasonal foods. • Save energy – Use renewable electricity, and turn off devices instead of leaving them on standby. • Fly less – Avoid short fl ights and take the train when possible to lower your carbon footprint.
11. Is this enough?
12. Can we do something with more Impact?
13. What about the Internet?
14. Environmental impact • ICT in 2023 was responsible for 10% of global energy consumption • Could rise to 20% by 2030, according to projections by the International Energy Agency (IEA) • The "cloud" is nothing magic—it runs on massive, energy-hungry infrastructure Source: Electricity Consumption by ICT: Facts, trends & measurements, Erol Gelenbe (2023)
15. We are part of the Problem!
16. Even the smallest person can change the course of the future. 
 ~ Galadriel
17. Pageweight by http-archive
18. Web Sustainability Web Performance
20. Measure
21. Tools to measure Lots of tools are available • WebsiteCarbon.com • CarbonFooter.nl • DigitalBeacon.co • ecograder.com • AreMyThirdPartiesGreen.com • www.webpagetest.org
22. Some numbers for neoscon.io
23. 1.8 MB 8.5 MB
24. Estimating emissions Source: sustainablewebdesign.org
25. Sustainable Web Design Model https://tinyurl.com/w8e7nmwh Carbon Emission Data centers Electricity to power the servers and to cool them 15 % Network transfer Electricity to power devices in the network 14 % Production Emissions from making the devices themselves End user devices Electricity to power end user devices (phones, computers) 52 % 19 % Grid carbon intensity
26. CO2.js
27. Lets make it greener!
28. Green Hosting
29. A substantial amount of content and numerous features are incorporated into the system, yet they remain unused and are unlikely to be removed. As technology has become increasingly ef fi cient, the ef fi ciency of websites has diminished. Reduction Optimisation
30. Strategies and UX No unneccessary elements Simple and clean architecture Correct semantic code
31. Images
32. Think different
33. Be picky in your images. Resize & convert to WEBP / AVIF Choose vector fi le format when possible Images
34. Fonts
35. System fonts Use single icons instead of loading entire icon fonts Convert to WOFF / WOFF2 Fonts
36. • 880 Kilobyte of JavaScript • 113 Kilobyte for Styles Code • 16 kb of JavaScript is ours • Half of CSS is ours Just • 550 kb of JavaScript is unused • 100 lines of CSS is unused But
37. Try to choose lightweight External components Be picky with your packages Check your code and clean up Code
38. Only functional and valuable media Use preload=“none” Thumbnail & modal Media
39. Demo
40. https://tinyurl.com/drpfd8v4
41. Bene fi ts of SWD • It's better for the environment. • Better web performance (faster load times). • Improved accessibility and usability. • Lower costs. • Stronger brand and reputation.
42. There is always more we can do • Always keep performance in mind • Take a look at the used packages on your Neos instance • Evaluate 3rd Party Services • Block search engines or bots that are not relevant for you • Share your knowledge with colleagues and customers • Take a look beyond (Personal Live, Community Events, Traveling) • Etc.
43. More information
45. Questions!
46. Thanks for listening! Contact me at: • markus@ fl ownative.com • @m.u.guenther in the Neos Slack