Prosty przewodnik po tym, jak zmniejszyć emisję dwutlenku węgla przez witryny internetowe, aby były one bardziej przyjazne dla środowiska.

Eco-friendly web design: how to reduce your website’s carbon footprint

Nadchodzące lata będą miały kluczowe znaczenie dla zdrowia planety i dobrobytu ludzi, a na naszej drodze do zera netto liczy się każde działanie. Podczas gdy uwaga skupiona jest na transporcie, drogach i budynkach, emisje z internetu pozostają niezauważone. Odpowiadają one za około 4% globalnej emisji dwutlenku węgla, czyli więcej niż przemysł lotniczy, oraz zużywają 10% globalnej energii elektrycznej, z czego większość pochodzi z paliw kopalnych. Strony internetowe odgrywają istotną rolę w tym zużyciu.

Przeciętna strona internetowa wytwarza około dwóch gramów CO2 za każdym razem, gdy ktoś ją odwiedza. Brzmi niedużo, prawda? Ale przy pół milionie odsłon miesięcznie, w ciągu roku daje to 11 ton CO2. Może Twoja witryna jest mniej ruchliwa niż ta. Ale na świecie są dwa miliardy stron internetowych i to wszystko składa się na miliardy miliardów ton CO2, które niepotrzebnie trafiają do naszego powietrza.

Każda pojedyncza strona internetowa może coś zmienić.

Jak zatem zmniejszyć zużycie energii?

Ekosystem Internetu obejmuje centra danych, sieci transmisyjne oraz urządzenia użytkowników, takie jak komputery i smartfony. Strony internetowe, zwłaszcza poprzez korzystanie z centrów danych, przyczyniają się do tego ogromnego zużycia.

Jako projektanci lub ktokolwiek, kto projektuje stronę internetową dla siebie lub dla kogokolwiek innego, powinniśmy mieć na uwadze wpływ na środowisko naturalne. Ten artykuł ma być prostym przewodnikiem, który pomoże Ci sprawić, by Twoja witryna była jak najmniej emisyjna, a więc przyjazna dla środowiska. Może to pomóc w poprawieniu wydajności witryny oraz jej pozycji w wyszukiwarkach. Oczywiście nie powinniśmy tworzyć stron internetowych, które nie są nam potrzebne. Jeśli jest to istniejąca lub nowa strona internetowa, poniższe wskazówki mogą pomóc Ci w uzyskaniu przyjaznej dla środowiska witryny - mierzącej poniżej 1 grama CO2 na odsłonę (CO2e), utrzymującej niski rozmiar strony i ograniczającej transfer danych. Kalkulator emisji dwutlenku węgla na stronie www.websitecarbon.com to polecane przez nas narzędzie, które pozwala dość dobrze oszacować emisję dwutlenku węgla przez strony internetowe.

Strony internetowe przyjazne dla środowiska: Najważniejsze wskazówki

Poniżej przedstawiono kilka wskazówek, jak zmniejszyć ilość danych przesyłanych przez witryny internetowe, aby stały się one bardziej przyjazne dla środowiska.

  1. Utrzymuj rozmiar i wagę strony na jak najniższym poziomie. Oceniaj zawartość każdego elementu witryny; jeśli jego przydatność jest wątpliwa, pomiń go.
  2. Obrazy stanowią znaczną część wagi strony. Do kompresji zdjęć można użyć stron https://tinypng.com/ lub https://shortpixel.com/, aby skompresować je jedno po drugim. Wystarczy przesłać obraz, a w wyniku jego kompresji otrzymamy ten sam obraz, ale już skompresowany (mały rozmiar pliku). Skompresowane obrazy można następnie dodać do witryny.
  3. Pozbądź się starych, niepotrzebnych obrazów. Wgraj obrazy w odpowiedniej skali, zamiast polegać na tym, że CSS zmieni ich rozmiar za Ciebie.
  4. Zamiast JPEG, PNG i GIF należy używać grafiki SVG i CSS. WebP, a zaraz po nim JPG, jest często uważany za najbardziej wydajny format obrazu. Jednak, w zależności od unikalnych cech każdego obrazu, istnieją pewne wyjątki. Zawsze zapisuj obraz w odpowiednim rozmiarze i stopniu kompresji, a także eksperymentuj z kilkoma formatami plików, aby znaleźć ten najbardziej wydajny.
  5. Kolejnym świetnym sposobem na zmniejszenie ilości przesyłanych danych jest leniwe ładowanie obrazów.
  6. Proszę nie ustawiać filmów na automatyczne odtwarzanie. Umieść łącze do otwarcia w innym serwisie, takim jak YouTube lub Vimeo. Jeśli masz filmy na samej stronie, postaraj się je skompresować i nie ustawiaj automatycznego odtwarzania.
  7. Użyj rozwiązania buforowania, aby zmniejszyć ilość przetwarzania wymaganego do załadowania strony dla użytkownika. Buforowanie to proces przechowywania zasobów z jednego żądania i ponownego wykorzystania tych zasobów w kolejnych żądaniach. Zmniejsza to przepustowość serwera potrzebną do wyświetlania stron dla użytkownika.
  8. Oceniaj zawartość każdego elementu witryny; jeśli jego przydatność jest wątpliwa, pomiń go.
  9. Pisz czysty i wydajny kod - wysyłanie danych do przeglądarki zużywa energię; im mniej kodu wysyłasz, tym mniej zużywasz energii elektrycznej. Sprawdź, czy nie ma niepotrzebnych wtyczek, wtyczek, których nie potrzebujesz - pozbądź się ich.
  10. Ogranicz do minimum stosowanie niestandardowych czcionek. Czcionki w dużym stopniu wpływają na wagę strony internetowej. Czcionki systemowe mogą być używane bez żadnego wpływu na wagę strony. Jeśli to możliwe, stosuj nowoczesne czcionki internetowe, takie jak WOFF i WOFF2, które wykorzystują metody większej kompresji.
  11. Ograniczenie śledzenia i niepotrzebnych skryptów reklamowych, które rzadko oferują jakąkolwiek wartość dla odwiedzających witrynę.
  12. Korzystaj z rozwiązań mobilnych, takich jak AMP, aby w miarę możliwości skrócić aktualną wersję strony internetowej. Projekt AMP firmy Google to inicjatywa typu open-source, która umożliwia szybkie dostarczanie treści stron internetowych. AMP umożliwia niemal natychmiastowe ładowanie stron internetowych, nawet do 90 procent szybciej niż w przypadku obecnych standardów.
  13. Poprawa optymalizacji witryny pod kątem wyszukiwarek internetowych (SEO). Pomaga to ludziom łatwo i szybko znaleźć informacje, których szukają, bez konieczności przechodzenia przez wiele stron witryny, co niepotrzebnie marnuje energię.
  14. Warto rozważyć odciążenie strony z dużymi plikami multimedialnymi, takimi jak PDF, DOCX i MP3, za pomocą zewnętrznych dostawców, którzy są przyjaźni środowisku. Można również odciążać i buforować dostarczanie dużych plików multimedialnych za pomocą sieci dostarczania treści (CDN).

Jak te wskazówki sprawdziły się w Twoim przypadku? Czy masz więcej pomysłów na to, jak zmniejszyć emisję dwutlenku węgla przez stronę internetową? Nie wahaj się więc podzielić swoimi wskazówkami i przemyśleniami z naszą społecznością, pomagając innym być przyjaznym dla środowiska.

Poniżej znajduje się kilka polecanych linków do narzędzi i materiałów na temat przyjaznego dla środowiska projektowania stron internetowych i Internetu.

Kalkulator węgla dla stron internetowych https://www.websitecarbon.com/

Kalkulator węgla dla stron internetowych EFWA (uaktualniona wersja zostanie wkrótce opublikowana) https://websiteemissions.com/

Blog Cyfrowy Wholegrain https://www.wholegraindigital.com/blog/

Jak bardzo ekologiczna jest Twoja witryna? https://ecograder.com/

Książka: Designing for Sustainability: Przewodnik tworzenia bardziej ekologicznych produktów i usług cyfrowych - Tim Frick

Książka: Zrównoważone projektowanie stron internetowych Tom Greenwood

Napisany przez Zespół EFWA