Zrównoważony rozwój
Kiedyś tworzenie stron WWW było zdecydowanie prostsze. Ot, ustalało się cel, który strona miała spełniać, dbało się o wystarczająco dobre dostępność i UX, po czym wrzucało stronę do Sieci. A dzisiaj trzeba też myśleć, jak bardzo nasza strona zabija planetę.

Wydaje mi się, że branża wciąż jeszcze nie przyjęła do wiadomości, że każdy przesłany bajt wiąże się z emisją dwutlenku węgla do atmosfery. Im więcej przesyłanych bajtów, tym większa emisja. Co więcej, sposób, w jaki strona działa, może także wpływać na wysokość konsumpcji energii elektrycznej. A to ostatecznie również przekłada się na emisję dwutlenku węgla. Obecny model działania Internetu jest zdecydowanie nieprzyjazny środowisku.
Na szczęście temat zrównoważonego rozwoju powoli wkracza także na salony webdeveloperskie i coraz głośniej mówi się o tym, że strony internetowe są powodem zwiększonej emisji gazów cieplarnianych. Tym samym coraz większy nacisk kładzie się na takie projektowanie stron WWW, aby ich negatywny wpływ na środowisku był jak najmniejszy.
Ale sama świadomość problemu to dopiero pierwszy krok ku jego rozwiązaniu. Bez faktycznego działania absolutnie nic się nie zmieni. Na całe szczęście istnieje szereg sposobów, na które każda z nas, osób webdeveloperskich, może uczynić swoją stronę WWW bardziej zieloną. A pracę najlepiej zacząć od obliczenia, jak duży wpływ na emisję gazów cieplarnianych ma nasza strona. Istnieją już nawet narzędzia, które są w stanie pokazać przybliżoną wartość.
Dalszym działaniem może być wyznaczenie budżetu węglowego. Jego zadaniem jest określenie górnej granicy emisji dwutlenku węgla, która jest powodowana przez naszą stronę WWW. Jeśli strona zacznie tę granicę przekraczać, oznacza to, że należy podjąć działania w celu jej ograniczenia. Sam budżet wraz z upływem czasu i coraz mocniejszym naciskiem na dbanie o zrównoważony rozwój w projekcie można ograniczać. Ostatecznym celem może być zapewnienie neutralności strony pod względem emisji dwutlenku węgla.
Droga do osiągnięcia tej neutralności nie jest aż tak wyboista, jak może się początkowo wydawać. Istnieje szereg dość prostych sposobów na zwiększenie zieloności naszej strony. Wśród nich wymienić można dbanie o to, by nie przesyłać niepotrzebnych obrazków, a rozmiary tych istniejących odpowiednio zmniejszyć. Tutaj na pomoc mogą przyjść nowoczesne formaty obrazków, które najczęściej pozwalają zredukować znaczące rozmiary plików z obrazkami. Innym miejscem na optymalizację są fonty, które można ograniczyć wyłącznie do zestawu znaków, z jakiego korzystamy na stronie. Warto także przyglądnąć się JS-owi wykorzystywanemu przez stronę, bo często można go ograniczyć na rzecz np. większego wykorzystania serwera. Dość nieoczywistą poradą jest korzystanie z semantycznego HTML-a. Często pozwala on wyrazić pewne rzeczy prościej, niż np. próba odtworzenia podobnego komponentu przy pomocy JS-a i ARIA. A to oznacza znacznie mniej kodu, który trzeba przesłać do osoby użytkowniczej.
I tak, te porady brzmią niemal identycznie do tych, które służyć mają poprawie wydajności strony. Okazuje się bowiem, że wydajna strona to także bardziej zielona strona. Co oznacza, że jest kolejny powód, aby o tę wydajność zadbać.
Zmiany na poszczególnych stronach WWW są istotne dla skierowania Sieci na drogę zrównoważonego rozwoju. Ale nie da się ukryć, że tempo tych zmian zdecydowanie by przyśpieszyło, gdyby zmiany zaszły na poziomie systemowym. Być może to odpowiednia pora, żeby odejść od designu zorientowanego na osobę użytkowniczą na rzecz designu zorientowanego na planetę. Design powinien być przyjazny przede wszystkim naturze, a dzięki temu – pośrednio także i osobie użytkowniczej. Ta zmiana sposobu myślenia ukierunkowywałaby design na przyszłość. Obok pytania, jak zrealizować cel powstania strony WWW, pojawiałoby się pytanie o to, jaki wpływ będzie ona miała na środowisko naturalne. Tego typu zmiany najlepiej wprowadzać na poziomie organizacji – tak, aby stały się częścią wszystkich procesów firmowych.
Wyzwania związane ze zmianami klimatycznymi są niezwykle istotnym problemem, przed którym stoimy jako cała ludzkość. Stąd nie dziwi powstanie nowego podejścia do tworzenia stron WWW – Sustainable Web Design (Web Design Zorientowany na Zrównoważony Rozwój). Jego ogólne ramy dobrze podsumowuje Manifest Sieci Zorientowanej na Zrównoważony Rozwój. Sieć taka powinna być:
- Czysta – używająca zielonych źródeł energii.
- Efektywna – zużywająca jak najmniejszą liczbę zasobów naturalnych.
- Otwarta – inkluzywna, pozwalająca na otwarty obieg informacji.
- Szczera – unikająca oszukiwania i manipulowania osobami użytkowniczymi.
- Regenerująca – wspierająca ekonomię, która nie tylko jest neutralna klimatycznie, ale wręcz przyczynia się do odbudowy zasobów naturalnych.
- Niezawodna – działająca zawsze i wszędzie tam, gdzie osoby użytkownicze potrzebują jej najbardziej.
Dokładniejsze wytyczne przygotowała także Sustainable Web Design Community Group przy W3C. Zawierają one szereg działań, które podjąć może osoba webdeveloperska w celu uczynienia strony WWW bardziej przyjazną środowisku.
Mimo rosnącej świadomości tematów związanych ze zmianami klimatycznymi, wciąż nie jest dobrze. Dużo firm i organizacji manipuluje opinią publiczną, będąc zielonymi tylko na pokaz. Raporty naukowców pokazują, że zmiany wciąż postępują w szybkim tempie. Ale równocześnie udało się już dużo naprawić. Dlatego warto wierzyć, że będzie lepiej i zrobić na swoim poletku wszystko, żeby naprawdę tak było.
Źródła
- Gerry McGovern, Introduction: Why digital is killing our planet, w: Gerry McGovern, World Wide Waste, Silver Beach: Lulu Press, , s. https://gerrymcgovern.com/books/world-wide-waste/introduction-why-digital-is-killing-our-planet/.
- Danny van Kooten, CO2 emissions on the web, (data dostępu: ), w: Danny van Kooten, Danny van Kooten, (data dostępu: ).
- Benjamin Poulain, Simon Fraser, How Web Content Can Affect Power Usage, (data dostępu: ), w: WebKit, (data dostępu: ).
- Do I emit CO2 when I surf the internet?, (data dostępu: ), w: Energuide, (data dostępu: ).
- Maddie Stone, The Planet Needs a New Internet, (data dostępu: ), w: Gizmodo, (data dostępu: ).
- Asim Hussain, Take the Green pill and I'll show you how deep the rabbit hole goes, (data dostępu: ), w: Asim Hussain, ASIM.DEV, (data dostępu: ).
- David Rousset, Green Energy Efficient Progressive Web Apps, (data dostępu: ), w: Sustainable Software, (data dostępu: ).
- Michelle Barker, Building a Greener Web, (data dostępu: ), w: Michelle Barker, CSS { In Real Life }, (data dostępu: ).
- Asim Hussain, Carbon proxies: measuring the greenness of your application, (data dostępu: ), w: LeadDev, (data dostępu: ).
- Wholegrain Digita, Website Carbon Calculator, (data dostępu: ).
- Michelle Barker, Reduce Your Website’s Environmental Impact With a Carbon Budget, (data dostępu: ), w: CSS Tricks, (data dostępu: ).
- How to make a website carbon neutral, (data dostępu: ), w: EcoPing, (data dostępu: ).
- Michelle Barker, Introduction to web sustainability, (data dostępu: ), w: MDN Blog, (data dostępu: ).
- Berwyn Powell, Reducing Carbon Emissions On The Web, (data dostępu: ), w: Smashing Magazine, (data dostępu: ).
- Jeremy Keith, The intersectionality of web performance, (data dostępu: ), w: Jeremy Keith, Adactio, (data dostępu: ).
- Chris Jackson, What is planet-centric design?, (data dostępu: ), w: We Create Futures, (data dostępu: ).
- Marketa Benisek, Future-first design thinking, (data dostępu: ), w: WHOLEGRAIN digital, (data dostępu: ).
- Michelle Barker, Sustainable Web Development Strategies Within An Organization, (data dostępu: ), w: Smashing Magazine, (data dostępu: ).
- Sustainable Web Design, (data dostępu: ).
- Wholegrain Digital, Sustainable Web Manifesto, (data dostępu: ).
- Alexander Dawson, Tim Frick, Web Sustainability Guidelines (WSG) 1.0, (data dostępu: ).
- Michelle Barker, Greenwashing and the COP28 Website, (data dostępu: ), w: Michelle Barker, CSS { In Real Life }, (data dostępu: ).
- Matthias Ott, Climate Optimism, (data dostępu: ), w: Matthias Ott, Matthias Ott – User Experience Designer, (data dostępu: ).
Dodatkowe materiały
- Jesse Weaver, Human-Centered Design Is Broken. Here’s a Better Alternative., (data dostępu: ), w: Medium, (data dostępu: ).
- UXDX, Why User Centered Design doesn't work (anymore) - Yolanda Martin, Farfetch, (data uploadu: , data dostępu: ), w: YouTube, (data dostępu: ).
- Rachel Coldicutt, Just enough Internet, (data dostępu: ), w: doteveryone, (data dostępu: ).
- Principles of Green Software Engineering, (data dostępu: ).
- ClimateAction.tech, (data dostępu: ).
- Gerry McGovern, Webwaste, (data dostępu: ), w: A List Apart, (data dostępu: ).
- Carl Barenbrug, Web Design and Carbon Impact, (data dostępu: ), w: Carl Barenbrug, Carl Barenbrug, (data dostępu: ).
- MTG France, [EN] Building Green Progressive Web Apps - YouTube, (data uploadu: , data dostępu: ), w: YouTube, (data dostępu: ).
- Hey! Presents, Michelle Barker – Building a greener web – All Day Hey! 2023, (data uploadu: , data dostępu: ), w: YouTube, (data dostępu: ).
- Steve Messer, This website is killing the planet, (data dostępu: ), w: Steve Messer, Harsh Browns, (data dostępu: ).
- Eric Bailey, So you wanna create an eco-friendly website, (data dostępu: ), w: thoughtbot, (data dostępu: ).
- François Zaninotto, Developers Can Save The Planet, Part I: The Problem, (data dostępu: ), w: Marmelab, (data dostępu: ).
- The Green Web Foundation, (data dostępu: ).
- Tega Brain , Alex Nathanson, Benedetta Piantella, Solar Protocol, (data dostępu: ).
- Terence Eden, You can’t print this blog post, (data dostępu: ), w: Terence Eden, Terence Eden’s Blog, (data dostępu: ).
- Bora, How can we practice design without harming the Planet? 🌎, (data dostępu: ), w: UX Collective, (data dostępu: ).
- Alexander Dawson, The Carbon Impact of Web Standards (PDF), (data dostępu: ), w: Alexander Dawson, Website Sustainability - Research & Tools for Web Developers, (data dostępu: ).
- Tim Kadlec, The Ethics of Web Performance, (data dostępu: ), w: Tim Kadlec, Tim Kadlec, (data dostępu: ).
- Sean McManus, How slimmed-down websites can cut their carbon emissions, (data dostępu: ), w: BBC News, (data dostępu: ).
- Sustainability Guide – Tools to secure a sustainable future for generations to come., (data dostępu: ).
- Dave Rupert, Ecosia, (data dostępu: ), w: Dave Rupert, daverupert.com, (data dostępu: ).
- Hannah Smith, Chris Adams, Here’s what you can and (probably) can’t change about its environmental impact. (data dostępu: ), w: The Green Web Foundation, (data dostępu: ).
- Michelle Barker, The perfect site doesn’t exist (data dostępu: ), w: branch (data dostępu: ).