Websites en webwinkels met WordPress die CO₂-geoptimaliseerd zijn? Ons partnerbureau ecombee realiseert zich precies dat. Als bijzonder duurzame webhost ligt het onderwerp "groene" WordPress ons na aan het hart. Daarom vroegen we Patrick Losert van ecombee hoe webprojecten ecologischer kunnen worden gepland.

Patrick, jij ontwerpt CO₂-geoptimaliseerde websites en online winkels met WordPress. Wat zijn de belangrijkste hefbomen in je werk om de resultaten duurzamer te maken?

In de afgelopen 12 jaar dat ik met WordPress werk, heb ik veel ervaring op kunnen doen met de meest uiteenlopende opstellingen. Van kleine websites en landingspagina's voor marktvalidatie tot grote community-, SaaS- en online winkeloplossingen. Sommige werkten beter en andere minder goed op het gebied van prestaties, bruikbaarheid, integratie en onderhoudbaarheid.

In die tijd werden prestaties en onderhoudbaarheid echter de belangrijkste punten. En prestaties en eenvoudig onderhoud gaan meestal gepaard met minder verkeer en servergebruik, wat op zijn beurt weer minder energieverbruik van de infrastructuur betekent, dus een positief effect op het gebied van CO₂-uitstoot (simpel gezegd is de hele constructie natuurlijk veel complexer).

Meer prestaties betekent niet automatisch minder CO₂

Er kunnen veel trucjes worden uitgehaald met de prestaties, die het energieverbruik niet echt verminderen, zoals het achteraf laden van scripts. Naar mijn mening heeft het onderwerp onderhoudbaarheid ook invloed op de CO₂-uitstoot, omdat een hoge onderhoudsinspanning en veel testen na updates en aanpassingen natuurlijk ook meer middelen vereisen (technisch en menselijk).

Dus als we de prestaties en onderhoudbaarheid zoveel mogelijk optimaliseren, zijn we al op de helft van de weg naar CO₂-geoptimaliseerde oplossingen. Vervolgens keken we naar de resterende knelpunten en pasten onze opstellingen daarop aan. De centrale hefbomen zijn definitief:

• Gebruik een krachtig WordPress-thema. We vertrouwen 99 procent van de tijd op GeneratePress, omdat de integratie met GenerateBlocks perfect is en 90 procent van de benodigde componenten dekt.
• Gebruik zo min mogelijk WordPress plugins.
• De plugins die worden gebruikt moeten goed geprogrammeerd en geïntegreerd zijn.
• Optimaliseer alle afbeeldingen en grafieken automatisch.
• Alle stylesheets en scripts moeten ook worden geoptimaliseerd en alleen worden geladen waar ze nodig zijn.
• Een schone CDN-integratie.
• Een zeer goede en goed presterende WordPress host zoals Raidboxes 😉

Hier volgt een overzicht van WordPress thema's en plugins die we in de meeste van onze projecten gebruiken:

• GeneratePress, GP Premium, GenerateBlocks, GenerateBlocks Pro, FluentForms Pro, Postman SMTP, Perfmatters, ACF Pro
• De plugin LazyBlocks, waarmee we verschillende aangepaste Gutenberg blokken en integraties hebben ontwikkeld
• In complexe scenario's gebruiken we de JetEngine van Crocoblock, die we hebben aangepast om hem performanter te maken.

We gebruiken bovenstaande opzet ook voor WooCommerce winkels, samen met Mollie als betaaloplossing. We vullen de online shops op verzoek van de klant aan met speciaal ontwikkelde modules en ons GP Child Theme, omdat WooCommerce plugins snel een overhead aan code kunnen creëren, die we vermijden.

Alternatieven voor complexe WordPress opstellingen

Moeten je klanten het doen zonder individuele functies of bijzonder uitgebreid ontworpen websites om je doel te bereiken? Hoe ga je om met verzoeken van klanten die veel verkeer en belasting genereren?

Niemand hoeft iets te missen dat absoluut noodzakelijk is. Elk element kan worden geoptimaliseerd tot een minimum aan verkeer. Ik zie het echter ook als onderdeel van onze adviesdienst om te wijzen op "onnodige foefjes" en alternatieven te bieden.

Ons doel wordt echter altijd voor 100 procent bereikt zolang we elementen optimaliseren, want zelfs een besparing van een paar kilobytes op sites met veel verkeer heeft een echt effect. Dit betekent dat zelfs een zeer "CO₂-intensieve website" met veel afbeeldingen en video's een positief effect heeft met onze opzet, omdat er aanzienlijk meer energie verbruikt zou worden zonder optimalisatie.

Voor sites met veel verkeer vangen we naast schaalbare hosting natuurlijk veel op met onze CDN-integratie en worker scripts. Dit verdeelt de belasting en bespaart resources. Ik kijk daarom des te meer uit naar de geplande nieuwe Raidboxes infrastructuur 🙂

WordPress plugins en thema's als hefbomen

WordPress plugins kunnen ook duurzaam ontwikkeld worden, zie dit interview. Wil je in de toekomst ook je eigen plugins, functies of thema's gebruiken?

Danny van Kooten, die je hebt geïnterviewd, is een geweldige vent. Het is zeker de moeite waard om het artikel te lezen. Ik heb in het verleden zijn aanpak gevolgd en vertrouwd op mijn eigen plugins en modules om de prestaties te garanderen. En om alleen de scripts en code te laden die echt nodig zijn.

Naar mijn mening hebben ontwerp en functies een hogere prioriteit voor de meeste plugin-ontwikkelaars dan prestaties en het besparen van bronnen. Maar ik hoop dat dat verandert 🙂

Omdat we een zo groot mogelijk effect willen bereiken in CO₂ optimalisatie zonder veel middelen te investeren in het onderhouden van de code van WordPress plugins en thema's, publiceren we onze plugins en modules niet. De massa's en opstellingen ermee bedienen lijkt ons niet schaalbaar en onderhoudbaar genoeg. We blijven daarom alleen onze eerder ontwikkelde WordPress oplossingen gebruiken in onze opstellingen.

Wanneer we CO₂-audits en optimalisaties uitvoeren op andere opstellingen, werken we met de middelen en opties die daar beschikbaar zijn, omdat maar weinig klanten bereid zijn om hun site opnieuw te laten bouwen.

We werken momenteel aan een oplossing die niet alleen WordPress pagina's optimaliseert, maar die ook gebruikt kan worden met elke webstack. Dit zal ons een veel duurzamere impact geven. En zonder al te veel aandacht te hoeven besteden aan speciale software.

De CO₂-audit

Jullie bieden een prestatie- en CO₂-audit aan voorafgaand aan een project. Hoe pakken jullie dit precies aan en welke tools gebruiken jullie?

Onze audit is gericht op bestaande websites, online shops en webapps. We zijn momenteel bezig het proces te automatiseren. Eerst gebruiken we een combinatie van Webpagetest, CO2.js, Wappalyzer en de Firefox Performance Profiler om van de gegevens een uitgebreid auditrapport te maken. Het rapport laat vervolgens in detail zien waar en hoeveel optimalisatiepotentieel er is.

Vervolgens vergelijken we deze bevindingen met onze bestaande optimalisatieprocessen en -oplossingen en stellen we op basis daarvan een optimalisatieplan op. In sommige gevallen maken we ook audits van webstacks waar we nog niet bekend mee zijn en leren dan hoe deze geoptimaliseerd kunnen worden.

Dit optimalisatieplan resulteert in een aanbeveling voor actie en de geschatte omvang van de optimalisatie. We bieden dit optimalisatieplan aan onze klanten aan, uitgevoerd door ons of door hun eigen team. Nadat de optimalisatie is uitgevoerd, controleren we het geheel nog een keer.

We bieden ons wekelijks of maandelijks auditpakket aan om ervoor te zorgen dat het geheel niet eenmalig is, maar doorlopend doorgaat. Zoals de naam al suggereert, voeren we met terugkerende tussenpozen een audit uit. En als aan alle criteria uit het optimalisatieplan wordt voldaan, ontvangen onze klanten ons CO₂ Optimised-zegel.

We hebben er lang over nagedacht of we een keurmerk zouden creëren en hebben er uiteindelijk voor gekozen. Minder als marketingeffect en meer als bewijs dat er continu wordt geoptimaliseerd en er daadwerkelijk CO₂-uitstoot wordt bespaard.

Aan de slag met duurzame webontwikkeling

Welk advies heb je voor WordPress ontwikkelaars? Hoe begin je met duurzame webontwikkeling?

Er zijn geweldige informatiepagina's zoals:

• duurzaamwebdesign.org
• Stichting Groen Web
• fershad.com

Daarnaast zou iedereen zich bezig moeten houden met het onderwerp CO₂-uitstoot. Het is soms erg complex en ondoorzichtig, maar ik denk dat het essentieel is om te begrijpen hoe webontwikkeling zich verhoudt tot CO₂-uitstoot.

Wat de softwareontwikkeling zelf betreft, raden we aan om vanaf het begin een concept te maken en na te gaan wat er echt nodig is. Bijvoorbeeld welke frameworks of andere middelen van derden echt nodig zijn. Het is beter om een module gewoon zelf te ontwikkelen dan er een krachtig framework voor te laden. Dit levert in eerste instantie misschien meer programmeerwerk op, maar in termen van de massa van potentiële klanten levert het enorme besparingen en toegevoegde waarde op, in lijn met het principe van Danny van Kooten. Bovendien leer je altijd iets nieuws als je zelf iets programmeert.

Schrijf dan vooral schone en goed presterende code, waarvoor al plugins voor ontwikkelomgevingen bestaan, zoals CodeSniffer, Clean Code, enz. En als het mogelijk is, gebruik dan caching. Maar bovenal: durf fouten te maken. En ook doorzettingsvermogen. Het is beter om een kleine impact te hebben en ervan te leren dan geen impact en het te verbergen. Dat ervaren we zelf elke dag 🙂

Hoe is je speciale bedrijfsidee ontstaan en welke feedback krijg je?

Het bedrijfsidee ontstond tijdens het laatste grote project bij een start-up waar we voor werkten. We moesten een multi-vendor marktplaats in B2C bouwen en het onderwerp duurzaamheid stond ook voorop in de technologie. Het resultaat hiervan, gekoppeld aan de innerlijke motivatie om duurzame verandering op het web te helpen vormgeven, leidde vervolgens tot ons bedrijfsmodel.

De basis voor alles hebben we echter al die jaren dat we werken aan prestaties en duurzaamheid. De tijd was rijp voor ons, laten we het zo zeggen 🙂

Tot nu toe hebben we veel positieve feedback gekregen op onze service en het team, maar ook kritiek op afzonderlijke onderwerpen, zoals de transparantie van de CO₂-uitstoot. Over beide zijn we erg tevreden. Enerzijds over het feit dat onze producten voor zichzelf spreken en dat we samen met onze klanten werken aan een duurzamere toekomst op het web. Aan de andere kant waarderen we ook de kritiek die ons in staat stelt onszelf te meten en voortdurend te verbeteren.

Het onderwerp transparantie is zo veelzijdig, complex en vereist zoveel onderwijs en inhoud dat we het niet in één keer kunnen aanpakken. We weten dat we niet alles meteen helemaal goed kunnen krijgen. Maar ook hier zijn we dankbaar voor alle kritiek en suggesties. En toch zijn we trots op wat we al hebben bereikt. Ons motto is om ons doel in kleine maar gestage en duurzame stappen te bereiken.

Green WordPress hosting

Waarom werk je met Raidboxes ? Hoe helpen we je concreet om duurzame WordPress projecten te realiseren?

Wij werken met Raidboxes omdat jullie, naast jullie duurzaamheid in het bedrijf en groene hosting, ons veel werk uit handen nemen. Bijvoorbeeld op het gebied van het maken van pagina's, serverconfiguratie, caching, back-ups, prestaties, beveiliging en WordPress-configuratie.

Jullie servers staan ook in Duitsland, wat een belangrijk criterium is voor de meeste klanten, vooral in B2B. Jullie ondersteuning behoort tot de beste die we tot nu toe hebben ervaren, wat ons enorm helpt. Dus voor ons vormt dit alles een geweldig totaalpakket dat ook nog eens duurzaam is.

Een paar woorden over jou en je team?

Ik reis nu al een paar jaar de wereld rond als digitale nomade en heb op deze manier zoveel verschillende culturen, mensen en projecten leren kennen, wat me vervult met dankbaarheid. Tijdens deze lange reis zijn hechte vriendschappen en samenwerkingen ontstaan. Ik ben altijd blij om samen met deze mensen het hier en nu en de toekomst vorm te kunnen geven.

Een heel belangrijke ervaring die ik kon opdoen was dat elk van deze mensen zijn eigen levenspad volgt en dat verandering daar deel van uitmaakt. Dat rigide structuren voor veel mensen niet werken en dat professionele vrijheid intrinsiek motiverend is. De werkdruk van de individuele mensen is ook altijd anders in onze projecten.

Daarom hebben we besloten om te werken in een team van onafhankelijke mensen onder één merk, zodat wendbaarheid en creativiteit niet verloren gaan en iedereen bijdraagt wat nodig is. Ik ben een grote fan van dit type team omdat we heel weinig conflicten hebben en elk teamlid zijn eigen "waarom" kan volgen zonder aan creativiteit en productiviteit in te boeten.

Dit klinkt allemaal erg filosofisch, maar voor ons is het een belangrijke hoeksteen voor succesvolle samenwerking. Ik ben dankbaar en trots dat ik deel uitmaak van dit team.