Zielony WordPress

Tworzenie wtyczek do WordPressa: oszczędzaj emisję CO2

Danny van Kooten jest twórcą wtyczki do WordPressa Mailchimp for WordPress, która ma obecnie prawie dwa miliony aktywnych instalacji. Dzięki rozwojowi lean development rozszerzenie to 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 „ekologiczny” jest główny system zarządzania treścią? A jaki wkład możemy wnieść my wszyscy, czy to jako programiści, czy jako użytkownicy WordPress? Dziewięć pytań do Danny'ego na temat jego inicjatywy: emisje CO2 w sieci.

Zrównoważony WordPress: Stań się 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 pomagają chronić klimat. Jak działa oszczędzanie?

Aby wyświetlić stronę internetową, trzeba pobrać na komputer serię plików. Następnie przeglądarka przetwarza te pliki, by wyświetlić je na ekranie ("renderuje"). Im mniejsze są te pliki, tym mniej danych jest przesyłanych przez internet. Pozwala to oszczędzać energię we wszystkich węzłach sieci - tzn. między komputerem a serwerem, na którym znajduje się strona internetowa.

Zrównoważony rozwój WordPressa

Jeśli strona ma wielu odwiedzających, to bardzo opłaca się utrzymywać ją w jak najmniejszej objętości. 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 JavaScriptu to zwykle największe korzyści. Koszty energii związane z przesyłaniem pliku przez internet dodatkowo zależą od tego, jaka sieć jest używana. Na przykład stałe łącze internetowe jest o wiele bardziej wydajne niż bezprzewodowe połączenie mobilne.

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

Optymalizuj wtyczki WordPress

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

Mailchimp dla WordPressa ładuje plik JavaScript na każdej stronie internetowej, 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, pozwala to zaoszczędzić około 40 GB transferu danych, jeśli każda strona ma dokładnie jednego odwiedzającego. Jeśli teraz pomnożysz to przez szacowaną średnią miesięczną liczbę 10 000 odwiedzających na stronę, otrzymasz oszczędność około 400 000 GB miesięcznie.

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

Przyjmuję tu wiele założeń dotyczących liczby miesięcznych odwiedzin na stronie, tego, jak dobrze urządzenia buforują pliki i z jakich sieci się korzysta. Jednak moim głównym zamiarem nie było podanie dokładnej liczby. Ale żeby pokazać, jak skuteczne może być myślenie o oszczędności CO2 także w naszej pracy. I to nie tylko w innych dziedzinach życia.

Biblioteki osób trzecich

W jaki sposób udaje ci się uwzględniać potencjalne oszczędności w procesie rozwoju?

W przypadku moich wtyczek do WordPressa jestem bardzo ostrożny, jeśli chodzi o pobieranie bibliotek innych firm. Mianowicie za każdym razem, gdy pracuję nad plikiem, który musi zostać załadowany do publicznie dostępnej części strony internetowej, na której aktywowana jest wtyczka. Wraz z pojawieniem się NPM i CDN wbudowanie zależności stało się bardzo łatwe.

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

  • Ogólna wiedza o tym, jak działają języki niższego poziomu
  • Warto wiedzieć: Jakie algorytmy wchodzą w grę, gdy używasz funkcji języka, w którym programujesz?

Oba są przydatne w 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 dbać o wiele szczegółów, które inne języki ci odbierają lub oddzielają od nich.

Jakie narzędzia są dostępne, aby zmniejszyć wagę kodu i uczynić go bardziej wydajnym?

Dla JavaScript i GitHuba jest compressed-size-action. Dzięki temu możesz śledzić zmniejszanie się rozmiaru pliku. Za każdym razem, gdy wprowadzasz zmiany w swojej bazie kodu, możesz od razu zobaczyć, czy ważne pliki stały się większe - i czy ta zmiana jest warta zachodu. Jeśli chodzi o kompletne strony internetowe, polecam Chrome Lighthouse.

Aby sprawdzić trwałość wtyczki lub motywu WordPressa 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 będzie mógł sam zdecydować, czy funkcja ta jest warta spadku wydajności.

"Zielony" Newsletter

Jak projektować Newsletter, by był atrakcyjny, a jednocześnie oszczędzał 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 ze spamem. 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 - jest to więc sytuacja, w której obie strony wygrywają!

Jakie są najważniejsze czynniki wpływające na oszczędzanie CO2 w codziennym życiu online? Również bez WordPressa?

Najważniejszą dźwignią jest emisja, którą narzucasz innym, nie mając nad nią kontroli. Możesz tak skonfigurować oprogramowanie do przesyłania strumieniowego, by ładowało filmy w niższej rozdzielczości. Jednak efekt byłby o wiele większy, gdyby robiło to za nas nasze oprogramowanie do streamingu. Tutaj sytuacja jest nie inna.

Kilka słów o tobie i twoich wtyczkach do WordPressa?

Pracowałem z WordPressem, zanim jeszcze istniały typy postów. Swoją pierwszą wtyczkę wypuściłem ponad dziesięć lat temu. Od 2013 roku pracuję z małym zdalnym zespołem i tworzę wtyczki do WordPressa na pełen etat. Obecnie koncentrujemy się głównie na tworzeniu wtyczek, które zwiększają wydajność stron internetowych. Albo podkreślają prywatność, jak nasza najnowsza wtyczka Koko Analytics na WordPress.org.

Zielony WordPress: Wasze pytania

Jakie masz pytania dotyczące zrównoważonego rozwoju? Zachęcamy do korzystania z funkcji komentarzy. Chcesz przeczytać więcej o WordPressie i zrównoważonym rozwoju? Obserwuj nas na TwitterzeFacebooku 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. Pola wymagane oznaczone są *.