Danny van Kooten ontwikkelt de WordPress plugin Mailchimp voor WordPress - met momenteel bijna twee miljoen actieve installaties. Door lean ontwikkeling 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 systeem voor inhoudsbeheer? 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
Danny, efficiënte WordPress projecten helpen het klimaat te beschermen. Hoe werkt het sparen?
Om een webpagina te bekijken moet een reeks bestanden op de computer worden gedownload. De browser verwerkt deze bestanden vervolgens om ze op het scherm te tonen ("renderen"). Hoe kleiner deze bestanden zijn, hoe minder gegevens er over het internet worden verstuurd. Dit bespaart energie op alle knooppunten in het netwerk - dus tussen de computer en de server die de website host.
Duurzame WordPress ontwikkeling
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 draaien van minder JavaScript is meestal de grootste winst. De energiekosten voor de overdracht van een bestand op het internet hangen bovendien af 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 je website om afbeeldingen en video's met een lagere resolutie aan te bieden.
WordPress Plugin optimaliseren
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 verkleind door een bibliotheek van derden te vervangen door wat aangepaste regels code. Omdat we eigenlijk maar een heel specifiek deel van de bibliotheek gebruikten.
Aangezien de plugin op ongeveer twee miljoen websites is geactiveerd, bespaart dit ongeveer 40 GB aan gegevensoverdracht als elke website precies één bezoeker heeft. Als je dit nu vermenigvuldigt met een geschat gemiddelde van 10.000 maandelijkse bezoekers per website, kom je uit op een besparing van ongeveer 400.000 GB per maand.
Uitgaande van 0,5 kWh per GB gegevensoverdracht en 295 gram CO2 per kWh energie, betekent dit dat de reductie van 20 kB in totaal ongeveer 0,5 * 0,295 * 400.000 = 59.000 kg CO2 per maand bespaart.
Ik maak hier veel aannames over het aantal maandelijkse bezoekers per website, hoe goed apparaten bestanden cachen en welke netwerken worden gebruikt. Het was echter niet mijn voornaamste bedoeling een exact cijfer te geven. Maar om te laten zien hoe efficiënt het kan zijn om ook in ons werk aan CO2-besparing te denken. 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. Dit gebeurt telkens als ik werk aan een bestand dat geladen moet worden in het publiek toegankelijke deel van een website waar de plugin geactiveerd is. Met de komst van NPM en CDN is het heel eenvoudig geworden om een afhankelijkheid in te bouwen.
Dat is geweldig als je aan server-side software werkt. Maar het is minder nuttig als je werkt aan JavaScript dat in de browser moet draaien. Dit is wat volgens mij helpt:
- Een ruw idee van hoe lagere talen werken
- Te weten: Welke algoritmen spelen een rol bij het gebruik van een functie van de taal waarin je programmeert?
Beide zijn nuttig bij de beslissing welk gereedschap geschikt is voor de klus. Het leren van C is hiervoor ideaal. Omdat C een taal is waarin je voor veel details moet zorgen die andere talen je ontnemen of geabstraheerd hebben.
Welke hulpmiddelen zijn er om de code slanker en efficiënter te maken?
Voor JavaScript en GitHub is er compressed-size-action. Hiermee kun je de vermindering van de bestandsgrootte bijhouden. Telkens als je een wijziging aanbrengt in je codebase, kun je meteen 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, kun je het volgende doen: De eenvoudigste manier is om Chrome Lighthouse uit te voeren voordat je een thema of plugin activeert. Voer het dan opnieuw uit zodra de extensie is geactiveerd en geconfigureerd. Zo kan iedereen voor zichzelf uitmaken of de functie de prestatiedaling waard is.
"Groene" Nieuwsbrief
Mijn aanbeveling: Stuur e-mails zoveel mogelijk in platte tekst. Deze komen minder snel in de spamfolder terecht. Bovendien blijkt uit onderzoek na onderzoek dat platte tekst ook tot betere conversies leidt. En natuurlijk verbruiken zulke e-mails minder bronnen - een win-win situatie dus!
Wat zijn de belangrijkste hefbomen in het dagelijkse online leven om CO2 te besparen? Ook weg van WordPress?
De belangrijkste hefboomwerking is een emissie die je aan anderen oplegt zonder dat zij er controle over hebben. Je kunt je streaming software 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 jou en je WordPress plugins?
Ik werk al met WordPress voordat er Post Types bestonden. Iets meer dan tien jaar geleden bracht ik mijn eerste plugin uit. Sinds 2013 werk ik met een klein team op afstand 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.
