Internet jest jednym z największych konsumentów energii naszych czasów. Dotyczy to licznych stron internetowych, które nas bawią, informują lub za pośrednictwem których dokonujemy zakupów. Ponad jedna trzecia z nich działa w oparciu o WordPress i WooCommerce. To całkiem sporo - i daje duży potencjał oszczędności. W tym artykule przejdziemy do sedna pytania: Jak za pomocą WordPressa można uczynić strony internetowe bardziej ekologicznymi?

Wszyscy go znają i wszyscy z niego korzystają: internet. Połowa ludzkości jest teraz online i sumiennie korzysta z danych. Może myślisz sobie: to świetnie, bo oszczędza nam to czasochłonnej produkcji książek, katalogów czy płyt DVD. Nawet spotkanie online jest o wiele lepsze niż konieczność przejechania połowy kraju dla zwykłej rozmowy, prawda?

W zasadzie to wszystko jest prawdą, ale jest pewien haczyk. W międzyczasie wymiana informacji w sieci nabrała ogromnych rozmiarów. A to wymaga energii elektrycznej, bardzo dużo energii. Pewnie słyszałeś już to porównanie: gdyby internet był krajem, byłby na trzecim miejscu pod względem zużycia energii elektrycznej, zaraz za USA i Chinami - a trend ten szybko rośnie.

To porównanie dało mi dużo do myślenia. Jednym z problemów jest niewątpliwie to, że na początku nie widzisz tego ogromnego zużycia zasobów. Każdy zauważa dymiący komin lub śmierdzący wydech i wie, że trzeba coś zrobić z tym zanieczyszczeniem. Z drugiej strony, komputer czy smartfon są ciche, bezgłośne i podobno czyste. Ale niestety zbyt rzadko są one naprawdę ekologiczne. A wraz z coraz powszechniejszym korzystaniem z chmur, strumieniowego przesyłania wideo i coraz bardziej rozbudowanych stron internetowych, "konsumpcja" technologii cyfrowych wciąż rośnie w ciszy. 

W pewnym momencie zadałem sobie pytanie, co mogę zrobić, by zmniejszyć moje osobiste "zużycie danych". Bo jedno jest pewne: wszyscy korzystamy z internetu. Tak więc każdy z nas - w tym ja - może odegrać rolę w byciu odpowiedzialnym w sieci. Możemy wysyłać mnóstwo tweetów dziennie, spędzać godziny na oglądaniu seriali na Netflixie albo wysyłać bezsensowne filmiki z kotami. Albo możemy korzystać z internetu świadomie i z prawdziwą korzyścią.

Jeśli sam prowadzisz jedną lub więcej stron internetowych WordPress, możesz zacząć jeszcze wcześniej. Możesz spróbować uczynić poszczególne strony internetowe tak zrównoważonymi, jak to tylko możliwe. Ale jak to zrobić? Jaki wpływ masz na to sam?

Jak ekologiczna jest Twoja strona?

Prowadzę kilka projektów opartych na WordPressie. Kilka lat temu zacząłem poznawać świat WordPressa. W trakcie tego procesu prawdopodobnie wpadłem w każdą pułapkę, jaką oferuje WordPress, ponieważ nie jestem programistą. Używam nawet kreatora stron WordPressa, jak wielu innych, może Ty też tak robisz?

Oczywiście mógłbym teraz zatrudnić agencję, która stworzyłaby dla mnie dostosowaną do moich potrzeb stronę WordPressa za duże pieniądze. Idealnie byłoby, gdyby była przemyślana w najdrobniejszych szczegółach i nie była ani o jeden bajt za duża. Ale nie wszyscy użytkownicy WordPressa mogą lub chcą sobie na to pozwolić, tak samo jak nie wszystkie agencje WordPressa mają pojęcie o zrównoważonym rozwoju. Dlatego postanowiłem sam sprawdzić, co mogę zrobić, by za pomocą prostych środków wydobyć z WordPressa to, co najlepsze.

W jaki sposób tworzone są strony internetowe?

To jest pierwsze zagadnienie, które chcę z tobą wyjaśnić. Chodzi o rzeczy, o których na pierwszy rzut oka możesz nie myśleć, gdy myślisz o stronie internetowej. Ale jedno jest pewne: strona główna nie tylko istnieje. Musi być zaplanowana, opracowana koncepcyjnie, zaprogramowana i wypełniona treścią. Wszystko to wymaga pracy i pochłania zasoby.

Jeśli przyjrzymy się kilku szczegółom, okaże się, że istnieje wiele możliwości, by uczynić Twoją stronę bardziej zrównoważoną jeszcze przed jej uruchomieniem. A najlepsze w tym wszystkim jest to, że sam możesz mieć na to bezpośredni wpływ - jest to rodzaj inwentaryzacji:

• Siedzisz w dużym biurze czy pracujesz w małej przestrzeni coworkingowej?
• Czy zawsze masz najnowszy sprzęt, czy też na przykład kupujesz komputer używany lub regenerowany?
• Czy gotujesz coś dla siebie w porze lunchu z lokalnie zakupionych składników, czy też jesz tylko gotowe dania z dyskontu?
• Czy korzystasz z energii elektrycznej wytwarzanej w sposób konwencjonalny, czy też masz taryfę dla energii ekologicznej?

Wiele z nich jest związanych z ogólnym stylem życia. Ale to jest właśnie ważny punkt. Ponieważ sposób, w jaki podchodzisz do spraw w życiu codziennym, przekłada się również na Twoje hobby czy pracę.

Być może zadajesz sobie teraz pytanie: Co to ma wspólnego z moją stroną internetową? Myślę, że ma to wiele wspólnego. Ponieważ zrównoważony rozwój sprawdza się tylko w ograniczonym stopniu jako pojedynczy środek. Jeśli wysyłam swoje paczki w sposób neutralny dla klimatu, to oczywiście na początku jest to dobre. Ale jeśli wieczorem wracam do domu dużym SUV-em, to nie jest to spójne, ale raczej należy do kategorii "greenwashing".

Ekologiczna koncepcja dla twojej witryny WordPress

Jeśli zdecydujesz się używać WordPressa jako systemu zarządzania treścią (CMS), to oczywiście kilka warunków technicznych jest już spełnionych. Na przykład WordPress jest oparty na języku skryptowym PHP, którego po prostu nie możesz zmienić, nawet jeśli istnieją „prostsze” alternatywy. Poza tym jednak masz wiele możliwości, by wpłynąć na to, czy Twoja strona będzie żarłocznym potworem danych.

Struktura Twojej strony internetowej

Projekt strukturalny twoich projektów internetowych jest bardzo ważny. Czy twoi użytkownicy szybko się w nim odnajdują i docierają do poszukiwanych informacji za pomocą kilku kliknięć? Czy może "wędrują" z jednej strony na drugą, aż w końcu docierają do celu? Twoim celem powinno być to, by użytkownicy znaleźli to, czego szukają, za pomocą jak najmniejszej liczby kliknięć. Ponieważ każda dodatkowa załadowana podstrona to (być może niepotrzebny) transfer danych, który z kolei kosztuje energię.

Przy okazji, czysta struktura jest także ważnym tematem dla SEO: wyszukiwarki takie jak Google uwielbiają dobrze skonstruowane strony i nagrodzą cię lepszą pozycją w rankingu. Zobacz post o SEO w WordPressie na stronie wp unboxed.

Wtyczki WordPress

Wtyczki do WordPressa są zarówno przekleństwem, jak i błogosławieństwem. Piękne jest to, że na każdy problem istnieje rozwiązanie w postaci wtyczki. W ten sposób można zaprojektować witrynę dokładnie tak, jak się chce, nawet bez znajomości programowania. Należy jednak bardzo uważać przy wyborze wtyczek: Za każdym razem, zanim zainstalujesz nową wtyczkę, odpowiedz sobie na pytanie: Czy naprawdę potrzebuję tego rozszerzenia? Zobacz artykuł Wskazówki dotyczące wyboru wtyczek do WordPressa.

Każda dodatkowa wtyczka może niepotrzebnie nadmuchać twoją stronę, ładując coraz więcej danych za każdym razem, gdy wywoływana jest twoja strona. Powoduje to, że twoja strona działa wolno i nie jest przyjazna dla środowiska. Zastanów się więc dobrze, które funkcje i efekty są ci naprawdę potrzebne. Postępuj ściśle według zasady: tyle wtyczek, ile potrzeba, tak mało, jak to możliwe.

Zrównoważony motyw WordPress

Podobnie jak w przypadku wtyczek, wybór motywów WordPressa, które decydują o wyglądzie Twojej strony, jest ogromny. Musisz zdecydować, który temat jest dla Ciebie odpowiedni. Czy chcesz, aby był on szczególnie trwały? To samo dotyczy motywu WordPressa: tyle, ile trzeba, tak mało, jak to możliwe. 

Wybierz motyw, który potrafi dokładnie to, czego potrzebujesz - i nic więcej. Ponieważ im więcej funkcji jest zintegrowanych z motywem, tym większy staje się pakiet kodu. Twórca WordPressa Jack Lenox posunął się kiedyś do ekstremum i pokazał, jak bardzo odchudzony może być WordPress, tworząc motyw Susty. Powoduje to transfer danych o wielkości zaledwie 6 kB. Istnieją motywy, które mają rozmiar kilku MB, co stanowi naprawdę dużą różnicę.

Co prawda Susty jest już bardzo zredukowany — ale może ten minimalizm jest naprawdę fajny dla tego czy innego bloga? Jeśli jednak chcesz czegoś więcej, istnieją inne propozycje szczególnie oszczędnych, a przez to „ekologicznych” motywów WordPressa. Na przykład:

• Twenty Twenty-Two, jeden ze standardowych motywów WordPress
• GeneratePress
• Neve
• Hello Elementor (nie tylko w połączeniu z Elementor Page Builder)

Jak projektowanie wpływa na rozwój ekologiczny?

Obrazy, filmy i czcionki stanowią dużą część Twojej strony internetowej. Jeśli używasz wielkoformatowych zdjęć w maksymalnej jakości, szybko stają się one wielkimi megabajtami — a więc przeciwieństwem ekologicznego działania. Problematyczne jest też używanie niezliczonej ilości różnych czcionek tylko dlatego, że ci się podobają. Im mniej czcionek używasz, tym mniej danych musi być ładowanych na każdej stronie z osobna.

Ekologiczny projekt WordPressa to taki, który opiera się na niewielkiej liczbie czcionek i celowo rozmieszczonej grafice. Integrując filmy wideo, powinieneś zadać sobie pytanie: czy jest to po prostu "fajny dodatek", czy prawdziwa korzyść? W przypadku obrazów bardzo ważne jest też, byś zastanowił się nad wymiarami i rodzajem kompresji.

Jak już wspomnieliśmy: zmniejsz rozmiar - zamiast wstawiać zdjęcia wysokiej jakości, które wypełnią ekran - a także upewnij się, że kompresujesz każdy pojedynczy obraz tak skutecznie, jak to tylko możliwe. Możesz to zrobić za pomocą wtyczki do WordPressa. Ale lepiej będzie, jeśli poradzisz sobie bez niej (jak opisano na początku tego artykułu). To nie jest takie trudne: większość programów do edycji zdjęć pozwala na łatwą, szybką i automatyczną kompresję plików graficznych.

Wypróbuj różne ustawienia. W ten sposób dowiesz się, jak bardzo możesz się skompresować bez zbytniego pogorszenia jakości. Z mojego doświadczenia wynika, że wiele jest możliwe! Postępuję w następujący sposób:

• Zawsze ograniczam szerokość obrazu w programie Photoshop do 2000 pikseli. Jest to więcej niż wystarczające nawet w przypadku dużych ekranów.
• Następnie przechodzę do opcji "Zapisz dla sieci" i wybieram jakość "niska". Efekt jest bardzo dobry, a moje zdjęcia mają zwykle rozmiar znacznie mniejszy niż 300 kilobajtów.
• Ostatnie bajty są następnie wyodrębniane z moich plików za pomocą przeglądarkowej wersji tinyPNG. Narzędzie to kompresuje bardzo wydajnie i pozwala zaoszczędzić na dodatkowej wtyczce.

Jeśli ostatni krok jest dla Ciebie zbyt stresujący, możesz również zintegrować tinyPNG jako wtyczkę do WordPressa. Takie zoptymalizowane obrazy stanowią dobrą podstawę.

Następnie należy przyjrzeć się swoim "miniaturkom". Gdy przesyłasz obraz do WordPressa, jest on zapisywany w różnych rozmiarach zwanych "miniaturami". Niektóre z nich są domyślne dla WordPressa, inne są ustawiane przez motyw. I często nie wszystkie są potrzebne. Na przykład Twój motyw może przechowywać miniatury dla sklepu WooCommerce, których nigdy nie używasz, jeśli nie prowadzisz sklepu.

Byłoby więc bardzo dobrym pomysłem, gdyby WordPress tworzył tylko te miniatury, które są potrzebne, prawda? Oczywiście, ideałem byłby motyw dostosowany do potrzeb użytkownika. Możesz jednak również wpłynąć na to, które miniatury WordPress zapisuje samodzielnie. Zobacz instrukcje dotyczące plików obrazów i miniatur na stronie wp unboxed.

Zachowaj porządek

Jeśli zakładasz nową stronę na WordPressie, zalecam, byś od samego początku dbał o porządek. Bo jeśli będziesz bezmyślnie instalował wtyczki i wgrywał obrazki na chybił trafił, to skończy się to chaosem. Wiele wtyczek przechowuje nieskończoną ilość danych w bazie danych WordPressa, nie usuwając ich po usunięciu wtyczki. Im bardziej uporządkowany i odchudzony jest twój system WordPress, tym szybciej działa i tym bardziej jest ekologiczny. Nawet jeśli czasem jest to trudne, bądź konsekwentny i regularnie oczyszczaj swój system.

A jeśli chaos już tam jest?

Na początku nie zastosowałem się do tej rady. W pewnym momencie nagromadziły się ogromne ilości danych (najwyraźniej "tak po prostu") z nieużywanych zdjęć, starych kopii zapasowych i wtyczek do galerii, które już dawno przestały być używane. To nie pomogło: musiałem się pozbierać i spędzić całe dnie na sprzątaniu. W końcu udało mi się usunąć kilka gigabajtów danych z mojej przestrzeni internetowej!

Być może Twoja witryna WordPress również rozwija się od lat, a wraz z nią Twoje doświadczenie i umiejętności. A może jesteś w momencie, w którym zdajesz sobie sprawę, że w Twoim projekcie panuje chaos. Na co więc czekasz? Wielkie sprzątanie jest koniecznością. Jest to dobre z punktu widzenia zrównoważonego rozwoju, ale ma też sens z punktu widzenia SEO. Ponieważ Google uwielbia czyste, schludne i szybkie strony!
Praktycznym narzędziem do porządkowania jest program WP Optimize. Jeśli chodzi tylko o wyczyszczenie bazy danych, bardzo pomocny jest dla mnie również program WP DB Cleaner.

Kreator stron WordPress i zrównoważony rozwój

Kreatory stron WordPressa (tutaj znajdziesz ich przegląd)  są poręczne i pozwalają szybko i sprawnie osiągnąć zadowalające rezultaty. Jednak są one również znane z tego, że powodują zwiększanie objętości kodu stron internetowych i wydłużają czas ich ładowania. Możesz jednak zrobić kilka rzeczy, aby zmniejszyć ten efekt i w ten sposób używać swojego kreatora stron w sposób jak najbardziej ekologiczny:

• Ogranicz się do zintegrowanych funkcji i zrezygnuj z dodatkowych wtyczek projektowych do kreatora stron.
• Jeśli korzystasz z dodatkowych wtyczek, upewnij się, że możesz całkowicie wyłączyć wszystkie funkcje, których tak naprawdę nie używasz.
• Zachowaj prostą strukturę strony. Utwórz jak najmniejszą liczbę bloków i rozbudowanych kolumn. Konstruktory stron używają "kontenera" dla każdego z tych elementów, których szybko robi się zbyt wiele. Funkcja PageSpeed Insights firmy Google krytykuje to jako "nadmierny rozmiar DOM". W tym filmie na YouTube wyjaśniono, jak można zmniejszyć przeciążenie. 
• W przypadku pojedynczych wpisów na blogu najlepiej jest całkowicie zrezygnować z kreatora stron i zamiast niego korzystać ze zintegrowanego edytora Gutenberg.

SEO i zrównoważony rozwój

W zasadzie prawie wszystko, co jest dobre dla SEO (tj. dla optymalizacji stron internetowych pod kątem wyszukiwarek), jest również korzystne z punktu widzenia zrównoważonego rozwoju. Ponieważ chodzi głównie o czyste struktury i szybkie strony z niskim transferem danych. A ponieważ jest to tak ważne, znajdziesz tu również wiele dobrych instrukcji i pomocnych narzędzi do optymalizacji witryny pod kątem wyszukiwarek.

W tym miejscu chciałbym więc krótko wymienić, co można zrobić dodatkowo i jakie narzędzia lub instrukcje mogą być pomocne:

• Usuń inne zbędne elementy (zbędne czcionki, ewentualnie nieużywane lub zbędne usługi zewnętrzne, takie jak Google Analytics lub Mapy Google, niepotrzebne skrypty osadzone). 
• Podsumuj kod źródłowy i uprość go, kompresując go, zobacz tutorial Redukcja HTML, CSS i JavaScript.
• Dezaktywuj niepotrzebne elementy, takie jak emojis, nieużywana funkcja komentarzy, awatary itp. Można to zrobić za pomocą wtyczki Asset CleanUp, wykonując kilka kliknięć myszą (pamiętaj o wcześniejszym utworzeniu kopii zapasowej).
• Asset CleanUp spełnia jednak jeszcze bardziej praktyczną funkcję: pozwala określić dla każdej strony dokładnie, jaki dodatkowy kod powinien zostać załadowany, a jaki nie. Jeśli prowadzisz sklep WooCommerce, WordPress ładuje niezbędny kod na każdej stronie - nawet na stronach bloga bez funkcji sklepu. Za pomocą narzędzia Asset CleanUp można wyłączyć cały kod, który nie jest pilnie potrzebny dla każdej strony. 

Wtyczki SEO, takie jak Yoast czy Rank Math, zawierają wiele wskazówek dotyczących optymalizacji strony. Ujawniają one błędy techniczne (takie jak brakujące obrazy, uszkodzone łącza itp.) i pomagają je naprawić. A czysta, wolna od błędów witryna jest nie tylko trwała pod względem SEO.

Zrównoważony Hosting WordPress

Kiedy już przygotujesz i uruchomisz swój projekt WordPress, pozostaje jeszcze trzecia ważna kwestia związana z WordPressem i zrównoważonym rozwojem: Twój Hosting. To miejsce, w którym działają serwery, gdy tylko użytkownicy wejdą na twoją stronę. Za każdym razem, gdy to się dzieje, następuje wymiana danych. A to kosztuje energię.

Warto więc przyjrzeć się temu zagadnieniu bliżej. Najbardziej oczywistym pytaniem jest oczywiście to, skąd pochodzi energia elektryczna zużywana przez Twój Hosting? Jeśli czerpie energię z czystych źródeł, takich jak elektrownie wodne, wiatrowe lub słoneczne, to jest to duży plus.

Ale to nie wszystko. Dostawcy usług Hostingowych potrzebują wielu zasobów w takich obszarach, jak:

• Infrastruktury technicznej
• Materiały i sprzęt biurowy
• Marketing
• Przechowywania artykułów spożywczych
• Czyszczenie
• Mobilność i podróże

Podobnie jak w przypadku twojego stylu życia, filozofia korporacyjna twojego dostawcy Hostingu WordPress jest również ważnym elementem budowania bardziej zrównoważonego rozwoju. Jeśli w stołówce serwuje się regionalne jedzenie, jeśli podróże służbowe odbywają się pociągiem lub jeśli używa się używanych mebli biurowych, to wszystkie te drobne działania sprawią, że twoje projekty WordPress będą bardziej zrównoważone. Upewnij się więc, że Twój dostawca usług Hostingowych naprawdę myśli o tym, co się dzieje, a nie tylko sprawia wrażenie ekologicznego, ale także działa w sposób prawdziwie przyjazny dla klimatu.

Oczywiście, jest jeszcze jeden ważny aspekt: wydajność lub ramy techniczne pakietu hostingowego. Ponieważ im "płynniej" działa Twoja witryna, tym szybciej i trwalej się rozwija. Dlatego warto wybrać pakiet hostingowy, który jest specjalnie dostosowany do WordPressa. Zwróć uwagę na następujące kwestie:

• Dane powinny być przechowywane na nowoczesnych, szybkich (i ekonomicznych) dyskach twardych SSD, najlepiej w centrum danych w kraju użytkownika. Przynajmniej jeśli standardy zrównoważonego rozwoju są tam odpowiednio wysokie.
• Należy również uwzględnić wysoki limit pamięci, najlepiej 256 MB.
• Ważne standardowe funkcje powinny być zintegrowane po stronie serwera (na przykład buforowanie, kopie zapasowe, środowisko etapowe lub przekierowania). Jest to zazwyczaj nie tylko bardziej wydajne, ale także pozwala zaoszczędzić cały szereg wtyczek, co automatycznie sprawia, że witryna jest szybsza i bardziej zrównoważona. Zobacz e-book Zarządzanie projektami WordPress od 5 do 100+, dostępny również jako wpis na blogu.
• Standardem powinna być aktualna wersja PHP, bezpłatny certyfikat SSL i protokół HTTP/2.

Czy warto mieć ekologiczną stronę internetową?

Może myślisz sobie: Wow, czeka mnie dużo pracy! Muszę przyznać: Rzeczywiście można spędzić nad tym tematem dużo czasu. Ale szybko zdałem sobie sprawę, że było warto. Ponieważ większość działań w zakresie zrównoważonego rozwoju ma jednocześnie pozytywny wpływ na czas ładowania stron i optymalizację pod kątem wyszukiwarek.

Aby sprawdzić, na ile Twoja witryna jest zrównoważona, możesz skorzystać z usługi websitecarbon.com, która dostarcza ciekawych i opisowych informacji na temat śladu węglowego Twojej witryny WordPress. Wyniki testów szybkości działania witryny, takich jak GTMetrix lub Google PageSpeed Insights, są również bardzo pouczające. Otrzymasz nie tylko ocenę swojej witryny, ale także wiele wskazówek, co możesz zrobić, aby osiągać jeszcze lepsze wyniki.

Jeśli Twoja strona ładuje się szybko, Twoi odwiedzający oczywiście też będą zadowoleni. A to z kolei może oznaczać dla ciebie konkretne pieniądze: Wiele osób odrzuca stronę, jeśli jej załadowanie trwa dłużej niż trzy sekundy. Jeśli prowadzisz sklep, oznacza to bezpośrednią utratę przychodów. Ale także uszczęśliwisz Google szybką stroną - im szybciej ładuje się twoja strona, tym lepiej Google ją pozycjonuje. To z kolei oznacza, że ty i twój biznes będziecie lepiej odnajdywani.

Teraz z prawdziwą przyjemnością sprawdzam, gdzie mogę uzyskać jeszcze więcej korzyści z moich projektów WordPress. Dużą rolę odgrywa natychmiastowy sukces: wiele zmian można zmierzyć bezpośrednio za pomocą różnych testów szybkości działania witryny.

Zdjęcia zamieszczone w artykule: Martin Donat, Peter Beukema