Zielony WordPress

Rozwój wtyczki WordPress: Oszczędzaj emisję CO2

Danny van Kooten rozwija wtyczkę WordPress Mailchimp for WordPress - z obecnie prawie dwoma milionami aktywnych instalacji. Dzięki lean development rozbudowa pozwala zaoszczędzić około 59.000 kg CO2 miesięcznie. Rozmawialiśmy z Dannym o wydajnym programowaniu i zrównoważonym WordPressie.

Internet, WordPress i hosting WordPress zużywają dużo energii. Jak bardzo "zielony" jest wiodący system zarządzania treścią? A jaki wkład możemy wnieść my wszyscy, czy to jako programiści, czy też używając WordPressa? Dziewięć pytań do Danny'ego na temat jego inicjatywy emisji CO2 w sieci.

Zrównoważony WordPress : Bądź jego częścią

Raidboxes od samego początku angażuje się w zrównoważony program WordPress. Zobacz m.in. nasze wskazówki dotyczące WordPressa i zrównoważonego rozwoju oraz ekologicznych sklepów internetowych. Chcesz sam wziąć na siebie większą odpowiedzialność? Następnie przeczytaj nasz artykuł Zielony hosting dla WordPressa.

Danny, wydajne projekty WordPress przyczyniają się do ochrony klimatu. Jak działa oszczędzanie?

Aby wyświetlić stronę internetową, na komputer musi zostać pobrana seria plików. Przeglądarka następnie przetwarza te pliki, aby wyświetlić je na ekranie ("render"). Im mniejsze są te pliki, tym mniej danych jest przesyłanych przez Internet. W ten sposób oszczędza się energię we wszystkich węzłach sieci - tzn. pomiędzy komputerem a serwerem, na którym znajduje się strona internetowa.

Zrównoważony rozwój WordPressa

Jeśli strona ma dużo odwiedzających, to opłaca się utrzymywać ją w jak najmniejszym stopniu. Ponieważ nawet drobna optymalizacja w ten sposób się sumuje.

Które optymalizacje dla jakich języków lub formatów mają największy wpływ?

Dostarczanie filmów i obrazów w niższej rozdzielczości oraz uruchamianie mniejszej ilości skryptów Java to zazwyczaj największy zysk. Koszty energii związane z przesyłaniem pliku przez Internet zależą dodatkowo od tego, z jakiej sieci się korzysta. Na przykład, stałe łącze internetowe jest znacznie bardziej wydajne niż bezprzewodowe łącze mobilne.

Z tego powodu, największą dźwignią jest prawdopodobnie optymalizacja witryny, aby zapewnić niższą rozdzielczość obrazów i filmów.

Wtyczka Optimise WordPress

Mailchimp for WordPress oszczędza około 59 ton CO2 miesięcznie. Jak doszliście do tej liczby?

Mailchimp for WordPress ładuje plik JavaScript na każdą stronę internetową, na której zainstalowana jest wtyczka. Zmniejszyłem rozmiar tego pliku o 20 KB, zastępując bibliotekę innej firmy kilkoma własnymi liniami kodu. Ponieważ tak naprawdę używaliśmy tylko bardzo specyficznej części biblioteki.

Mailchimp WordPress Plugin
Wtyczka Mailchimp WordPress

Ponieważ wtyczka jest aktywowana na około dwóch milionach stron internetowych, oszczędza to około 40 GB transferu danych, jeśli każda strona ma dokładnie jednego odwiedzającego. Jeśli teraz pomnożymy to przez szacunkową średnią 10 000 odwiedzających miesięcznie na stronę, otrzymamy oszczędność około 400 000 GB miesięcznie.

Zakładając 0,5 kWh na GB transmisji danych i 295 gramów CO2 na kWh energii, oznacza to, że redukcja o 20 kB oszczędza łącznie ok. 0,5 * 0,295 * 400 000 = 59 000 kg CO2 miesięcznie.

Przyjmuję tutaj wiele założeń dotyczących liczby miesięcznych odwiedzin na stronie, tego jak dobrze urządzenia cache'ują pliki i z jakich sieci korzystają. Moim głównym zamiarem nie było jednak podanie dokładnej liczby. Ale aby pokazać, jak efektywne może być myślenie o oszczędności CO2 również w naszej pracy. I to nie tylko w innych dziedzinach życia.

Biblioteki stron trzecich

W jaki sposób udaje się Państwu wprowadzać potencjalne oszczędności do procesu rozwoju?

Z moimi wtyczkami WordPress jestem bardzo ostrożny, jeśli chodzi o pobieranie bibliotek stron trzecich. Mianowicie za każdym razem, gdy pracuję nad plikiem, który musi zostać załadowany do publicznie dostępnego obszaru strony internetowej, na której aktywowana jest wtyczka. Wraz z pojawieniem się NPM i CDN, stało się bardzo łatwe do wbudowania zależności.

Jest to świetne rozwiązanie, jeśli pracujesz nad oprogramowaniem po stronie serwera. Ale jest to mniej przydatne, gdy pracujesz nad JavaScriptem, który ma działać w przeglądarce. Oto, co moim zdaniem pomaga:

  • Z grubsza wiadomo, jak działają języki niższego poziomu
  • Aby wiedzieć: Jakie algorytmy wchodzą w grę, gdy używasz funkcji języka, w którym programujesz?

Oba są przydatne przy podejmowaniu decyzji, które narzędzia są odpowiednie do danej pracy. Nauka C jest do tego idealna. Ponieważ C jest językiem, w którym musisz zadbać o wiele szczegółów, które inne języki odbierają ci lub abstrahują.

Jakie narzędzia są dostępne, aby uczynić kod szczuplejszym i bardziej wydajnym?

Dla JavaScript i GitHub jest compressed-size-action. Dzięki temu można śledzić zmniejszenie rozmiaru pliku. Za każdym razem, gdy wprowadzasz zmiany w swojej bazie kodu, możesz natychmiast zobaczyć, czy ważne pliki stały się większe - i czy ta zmiana jest warta zachodu. Dla kompletnych stron internetowych polecam Chrome Lighthouse.

Aby sprawdzić trwałość wtyczki WordPress lub motywu jako użytkownik, możesz wykonać następujące czynności: Najprostszym sposobem jest uruchomienie Chrome Lighthouse przed aktywacją motywu lub wtyczki. Następnie uruchom go ponownie, gdy rozszerzenie zostanie aktywowane i skonfigurowane. W ten sposób każdy może sam zdecydować, czy funkcja jest warta spadku wydajności.

"Zielony" Newsletter

Jak projektować newslettery, aby były atrakcyjne, a jednocześnie oszczędzały zasoby?

Moja rekomendacja: Wysyłaj e-maile w formacie zwykłego tekstu, kiedy tylko jest to możliwe. Są one mniej prawdopodobne, że wylądują w folderze spamu. Co więcej, kolejne badania pokazują, że zwykły tekst również prowadzi do lepszych wskaźników konwersji. I oczywiście, takie e-maile zużywają mniej zasobów - więc jest to sytuacja win-win!

Jakie są najważniejsze dźwignie w codziennym życiu online, aby oszczędzać CO2? Również z dala od WordPressa?

Najważniejszą dźwignią jest emisja, którą narzuca się innym, nie mając nad nią kontroli. Oprogramowanie do przesyłania strumieniowego można skonfigurować tak, aby wczytywało filmy w niższej rozdzielczości. Ale efekt byłby o wiele większy, gdyby nasze oprogramowanie streamingowe robiło to za nas. Nie inaczej jest w przypadku strony internetowej.

Kilka słów o Tobie i Twoich wtyczkach WordPress?

Pracuję z WordPressem od czasu, gdy istniały jeszcze typy postów. Swoją pierwszą wtyczkę udostępniłem nieco ponad dziesięć lat temu. Od 2013 roku pracuję z małym zdalnym zespołem i tworzę wtyczki do WordPressa w pełnym wymiarze godzin. Obecnie koncentrujemy się głównie na tworzeniu wtyczek, które zwiększają wydajność witryn internetowych. Albo podkreślają prywatność, jak nasza najnowsza wtyczka Koko Analytics pod adresem WordPress.org.

Zielony WordPress: Wasze pytania

Jakie masz pytania dotyczące zrównoważonego rozwoju? Zapraszamy do skorzystania z funkcji komentarza. Chcesz przeczytać więcej o WordPressie i zrównoważonym rozwoju? Następnie śledź nas na Twitterze, Facebooku lub poprzez nasz newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.