Groene WordPress

WordPress Plugin Ontwikkeling: bespaar CO2-uitstoot

Danny van Kooten ontwikkelt de WordPress plugin Mailchimp voor WordPress - met momenteel bijna twee miljoen actieve installaties. Door lean development bespaart de uitbreiding naar schatting 59.000 kg CO2 per maand. We spraken met Danny over efficiënt programmeren en duurzaam WordPress.

Het internet, WordPress en WordPress hosting verbruiken veel energie. Hoe "groen" is het toonaangevende contentmanagementsysteem? En welke bijdrage kunnen we allemaal leveren, als ontwikkelaars of in het gebruik van WordPress? Negen vragen aan Danny over zijn initiatief CO2 uitstoot op het web.

Duurzaam WordPress : Maak er deel van uit

Raidboxes heeft zich vanaf het begin ingezet voor een duurzame WordPress. Zie onder meer onze tips over WordPress & duurzaamheid en over groene online shops. Wil je zelf meer verantwoordelijkheid nemen? Lees dan ons artikel Groene Hosting voor WordPress.

Danny, efficiënte WordPress-projecten helpen het klimaat te beschermen. Hoe werkt het sparen?

Om een webpagina te kunnen bekijken, moet een reeks bestanden op de computer worden gedownload. De browser verwerkt deze bestanden vervolgens om ze op het scherm weer te geven ("renderen"). Hoe kleiner deze bestanden zijn, hoe minder gegevens er over het internet worden verstuurd. Dit bespaart energie op alle knooppunten in het netwerk - d.w.z. tussen de computer en de server die de website host.

Duurzame ontwikkeling van WordPress

Als een website veel bezoekers heeft, dan loont het enorm om hem zo slank mogelijk te houden. Want zelfs een kleine optimalisatie telt op deze manier op.

Welke optimalisaties voor welke talen of formaten hebben de grootste invloed?

Het aanbieden van video's en afbeeldingen met een lagere resolutie en het uitvoeren van minder JavaScript is meestal de grootste winst. De energiekosten voor de overdracht van een bestand via het internet zijn bovendien afhankelijk van het gebruikte netwerk. Een vaste internetverbinding is bijvoorbeeld veel efficiënter dan een draadloze mobiele verbinding.

Daarom is de grootste hefboom waarschijnlijk het optimaliseren van uw website om afbeeldingen en video's met een lagere resolutie aan te bieden.

Optimaliseer WordPress Plugin

Mailchimp voor WordPress bespaart ongeveer 59 ton CO2 per maand. Hoe kom je aan dit cijfer?

Mailchimp voor WordPress laadt een JavaScript-bestand op elke webpagina waarop de plugin is geïnstalleerd. Ik heb de grootte van dit bestand met 20 KB teruggebracht door een bibliotheek van derden te vervangen door enkele eigen regels code. Omdat we eigenlijk maar een heel specifiek deel van de bibliotheek gebruikten.

Mailchimp WordPress Plugin
De Mailchimp WordPress Plugin

Aangezien de plugin op ongeveer twee miljoen websites is geactiveerd, scheelt dit ongeveer 40 GB aan gegevensoverdracht als elke website precies één bezoeker heeft. Als u dit nu vermenigvuldigt met een geschat gemiddelde van 10.000 maandelijkse bezoekers per website, komt u uit op een besparing van ongeveer 400.000 GB per maand.

Uitgaande van 0,5 kWh per GB datatransmissie en 295 gram CO2 per kWh energie, betekent dit dat de vermindering van 20 kB een totale besparing oplevert van ongeveer 0,5 * 0,295 * 400.000 = 59.000 kg CO2 per maand.

Ik maak hier een hoop aannames over het aantal maandelijkse bezoekers per website, hoe goed apparaten bestanden cachen en welke netwerken worden gebruikt. Het was echter niet mijn bedoeling om een exact cijfer te geven. Maar om te laten zien hoe efficiënt het kan zijn om ook in ons werk na te denken over CO2-besparing. En niet alleen op andere gebieden van het leven.

Bibliotheken van derden

Hoe slaagt u erin potentiële besparingen in uw ontwikkelingsproces in te bouwen?

Met mijn WordPress plugins, ben ik heel voorzichtig met het ophalen van bibliotheken van derden. Namelijk, wanneer ik werk aan een bestand dat geladen moet worden in het publiek toegankelijke deel van een website waar de plugin is geactiveerd. Met de komst van NPM en CDN, is het heel gemakkelijk geworden om een afhankelijkheid in te bouwen.

Dat is geweldig als je werkt aan server-side software. Maar het is minder nuttig als je werkt aan JavaScript dat in de browser moet draaien. Hier is wat ik denk dat helpt:

  • Een ruw idee van hoe lagere niveau talen werken
  • Om het te weten: Welke algoritmen spelen een rol bij het gebruik van een functie van de taal waarin je programmeert?

Beide zijn nuttig om te bepalen welk gereedschap geschikt is voor de klus. C leren is hier ideaal voor. Omdat C een taal is waarin je moet zorgen voor veel details die andere talen je ontnemen of hebben geabstraheerd.

Welke hulpmiddelen zijn er om de code slanker en efficiënter te maken?

Voor JavaScript en GitHub is er compressed-size-action. Hiermee kunt u de vermindering van de bestandsgrootte bijhouden. Telkens wanneer u een wijziging aanbrengt in uw code base, kunt u onmiddellijk zien of belangrijke bestanden groter zijn geworden - en of deze wijziging de moeite waard is. Voor complete websites, raad ik Chrome Lighthouse aan.

Om als gebruiker de duurzaamheid van een WordPress plugin of thema te controleren, kunt u het volgende doen: De makkelijkste manier is om Chrome Lighthouse te draaien voordat je een thema of plugin activeert. Voer het dan opnieuw uit zodra de uitbreiding is geactiveerd en geconfigureerd. Op die manier kan iedereen voor zichzelf uitmaken of de functie de mindere prestaties waard is.

"Groene" Nieuwsbrief

Hoe kunnen nieuwsbrieven zo worden vormgegeven dat ze aantrekkelijk zijn en toch zuinig met grondstoffen omgaan?

Mijn aanbeveling: verstuur e-mails zoveel mogelijk in platte tekst. Deze zullen minder snel in de spammap terechtkomen. Bovendien toont studie na studie aan dat platte tekst ook leidt tot betere conversiepercentages. En natuurlijk verbruiken dergelijke e-mails minder middelen - het is dus een win-win situatie!

Wat zijn de belangrijkste hefbomen in het dagelijkse online leven om CO2 te besparen? Ook weg van WordPress?

De belangrijkste hefboomwerking is die welke je aan anderen oplegt zonder dat zij er controle over hebben. U kunt uw streamingsoftware configureren om video's met een lagere resolutie te laden. Maar het effect zou veel groter zijn als onze streaming software dit voor ons zou doen. Een website is niet anders.

Een paar woorden over u en uw WordPress plugins?

Ik werk al met WordPress voordat er Post Types bestonden. Ik bracht mijn eerste plugin iets meer dan een decennium geleden uit. Sinds 2013 werk ik met een klein extern team en bouw ik fulltime WordPress plugins. Tegenwoordig richten we ons vooral op het bouwen van plugins die websites efficiënter maken. Of die de nadruk leggen op privacy, zoals onze nieuwste plugin Koko Analytics op WordPress.org.

Groene WordPress: uw vragen

Welke vragen heeft u over duurzame ontwikkeling? Voel je vrij om de commentaarfunctie te gebruiken. Wilt u meer lezen over WordPress en duurzaamheid? Volg ons dan op Twitter, Facebook of via onze nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.