Webbplatser och onlinebutiker med WordPress som är CO₂-optimerade? Vår partnerbyrå ecombee inser exakt detta. Som ett särskilt hållbart webbhotell ligger ämnet "grön" WordPress oss varmt om hjärtat. Därför frågade vi Patrick Losert från ecombee hur webbprojekt kan planeras mer ekologiskt.

Patrick, du designar CO₂-optimerade webbplatser och onlinebutiker med WordPress. Vilka är de viktigaste hävstängerna i ditt arbete för att göra resultaten mer hållbara?

Under de senaste 12 åren som jag har arbetat med WordPress har jag fått en hel del erfarenhet av en mängd olika inställningar. Från små webbplatser och landningssidor för marknadsvalidering till stora community-, SaaS- och onlinebutikslösningar. Vissa fungerade bättre och andra mindre bra när det gäller prestanda, användbarhet, integration och underhåll.

Under den här tiden blev dock prestanda och underhållsmässighet de viktigaste frågorna. Och prestanda och enkelt underhåll åtföljs vanligtvis av mindre trafik och serveranvändning, vilket i sin tur innebär mindre energiförbrukning för infrastrukturen, dvs. en positiv effekt när det gäller koldioxidutsläpp (enkelt uttryckt är hela konstruktionen naturligtvis mycket mer komplex).

Högre prestanda innebär inte automatiskt lägre koldioxidutsläpp

Med prestanda kan man göra många trick som inte minskar energiförbrukningen, t.ex. efterföljande laddning av skript. Enligt min mening har frågan om underhållbarhet också en inverkan på koldioxidutsläppen, eftersom en hög underhållsinsats och många tester efter uppdateringar och justeringar naturligtvis också kräver mer resurser (tekniska och mänskliga).

Så om vi optimerar prestanda och underhåll så långt som möjligt är vi redan halvvägs till CO₂-optimerade lösningar. Vi tittade sedan på de återstående flaskhalsarna och anpassade våra inställningar därefter. De centrala hävstängerna är definitiva:

• Använd ett högpresterande WordPress-tema. Vi förlitar oss på GeneratePress 99 procent av tiden, eftersom integrationen med GenerateBlocks är perfekt och täcker 90 procent av de nödvändiga komponenterna.
• Använd så få WordPress-plugins som möjligt.
• De plugins som används måste vara programmerade och integrerade med hög prestanda.
• Optimera alla bilder och grafik automatiskt.
• Alla formatmallar och skript bör också optimeras och endast laddas där de behövs.
• En ren CDN-integration.
• En mycket bra och högpresterande WordPress-värd som Raidboxes 😉

Här får du en inblick i WordPress-teman och plugins som vi använder i de flesta av våra projekt:

• GeneratePress, GP Premium, GenerateBlocks, GenerateBlocks Pro, FluentForms Pro, Postman SMTP, Perfmatters, ACF Pro
• LazyBlocks plugin, med vilket vi har utvecklat olika skräddarsydda Gutenberg block och integrationer
• I komplexa scenarier använder vi Crocoblocks JetEngine, som vi har modifierat för att göra den mer högpresterande

Ovanstående setup använder vi även för WooCommerce butiker, tillsammans med Mollie som betalningslösning. Onlinebutikerna kompletterar vi på kundens begäran med specialutvecklade moduler och vårt GP Child Theme, eftersom WooCommerce plugins snabbt kan skapa en overhead av kod, vilket vi undviker.

Alternativ till komplexa WordPress-installationer

Måste dina kunder klara sig utan enskilda funktioner eller särskilt genomarbetade webbplatser för att du ska kunna uppnå ditt mål? Hur hanterar ni kundförfrågningar som genererar mycket trafik och belastning?

Ingen behöver avstå från något som är absolut nödvändigt. Varje element kan optimeras ner till ett minimum av trafik. Men jag ser det också som en del av vår konsulttjänst att peka på "onödiga gimmicks" och erbjuda alternativ.

Vårt mål uppnås dock alltid till 100 procent så länge vi optimerar element, eftersom även en besparing på några kilobyte på webbplatser med hög trafik har en verklig effekt. Detta innebär att även en mycket "CO₂-intensiv webbplats" med många bilder och videor har en positiv effekt med vår inställning, eftersom betydligt mer energi skulle förbrukas utan optimering.

För webbplatser med hög trafik, utöver skalbar hosting, absorberar vi naturligtvis mycket med vår CDN-integration och arbetsskript. Detta fördelar belastningen och sparar resurser. Jag ser därför desto mer fram emot den planerade nya Raidboxes infrastruktur 🙂

WordPress-plugins och teman som hävstång

WordPress Plugins kan också utvecklas på ett hållbart sätt, se denna intervju. Vill du också använda dina egna Plugins , funktioner eller teman i framtiden?

Danny van Kooten, som du intervjuade, är en fantastisk kille. Det är definitivt värt att läsa artikeln. Jag har antagit hans strategi tidigare och förlitat mig på mina egna plugins och moduler för att säkerställa prestanda. Och för att bara ladda de skript och den kod som faktiskt behövs.

Enligt min mening har design och funktioner varit en högre prioritet för de flesta plugin-utvecklare än prestanda och resursbesparing. Men jag hoppas att det förändras 🙂 ...

Eftersom vi vill uppnå största möjliga effekt i CO₂-optimering utan att investera mycket resurser i att underhålla koden för WordPress-plugins och teman, publicerar vi inte våra plugins och moduler. Att betjäna massorna och inställningarna med dem verkar inte tillräckligt skalbart och underhållbart för oss. Vi kommer därför att fortsätta att använda våra tidigare utvecklade WordPress-lösningar endast i våra inställningar.

När vi utför CO₂-revisioner och optimeringar på andra anläggningar arbetar vi med de resurser och alternativ som finns tillgängliga där, eftersom väldigt få kunder är villiga att låta bygga om sin webbplats.

Vi arbetar för närvarande på en lösning som inte bara optimerar WordPress-sidor, utan också kan användas med vilken webbstack som helst. Detta kommer att ge oss en mycket mer hållbar inverkan. Och utan att behöva ägna för mycket uppmärksamhet åt speciell programvara.

CO₂-revisionen

Du erbjuder en prestanda- och CO₂-revision före ett projekt. Hur går ni tillväga och vilka verktyg använder ni?

Vår revision är inriktad på befintliga webbplatser, onlinebutiker och webbappar. Vi håller för närvarande på att automatisera processen. Först använder vi en kombination av Webpagetest, CO2.js, Wappalyzer och Firefox Performance Profiler för att skapa en omfattande granskningsrapport från data. Rapporten visar sedan i detalj var och hur mycket optimeringspotential det finns.

Vi jämför sedan dessa resultat med våra befintliga optimeringsprocesser och lösningar och använder dem för att skapa en optimeringsplan. I vissa fall skapar vi också revisioner av webbstackar som vi ännu inte känner till och lär oss sedan hur dessa kan optimeras.

Denna optimeringsplan resulterar i en rekommendation för åtgärder och den uppskattade omfattningen av optimeringen. Vi erbjuder denna optimeringsplan till våra kunder, antingen utförd av oss eller av deras eget team. När optimeringen har genomförts kontrollerar vi det hela igen.

Vi erbjuder vårt vecko- eller månadsvisa revisionspaket för att säkerställa att det hela inte bara är en engångsföreteelse, utan fortsätter på löpande basis. Som namnet antyder genomför vi en revision med återkommande intervall. Och om alla kriterier från optimeringsplanen fortfarande uppfylls får våra kunder vår CO₂ Optimised-stämpel.

Vi funderade länge på om vi skulle skapa ett sigill och bestämde oss till slut för att göra det. Mindre som en marknadsföringseffekt och mer som ett bevis på att kontinuerlig optimering äger rum och att koldioxidutsläpp faktiskt sparas.

Kom igång med hållbar webbutveckling

Vad har du för råd till WordPress-utvecklare? Hur kommer man igång med hållbar webbutveckling?

Det finns bra informationssidor som:

• sustainablewebdesign.org
• Stiftelsen för den gröna webben
• fershad.com

Dessutom bör varje person hantera frågan om koldioxidutsläpp. Det är ibland väldigt komplext och svåröverskådligt, men jag tror att det är viktigt att förstå hur webbutveckling hänger ihop med koldioxidutsläpp.

När det gäller själva programutvecklingen rekommenderar vi att man redan från början skapar ett koncept och kontrollerar vad som verkligen behövs. Till exempel vilka ramverk eller andra resurser från tredje part som faktiskt är nödvändiga. Det är bättre att helt enkelt utveckla en modul själv än att ladda ett kraftfullt ramverk för den. I början kan det innebära mer programmeringsarbete, men när det gäller mängden potentiella kunder innebär det enorma besparingar och mervärde, i linje med Danny van Kootens princip. Dessutom lär man sig alltid något nytt när man programmerar något själv.

Och framför allt: skriv ren och högpresterande kod, för vilket det redan finns plugins för utvecklingsmiljöer som CodeSniffer, Clean Code etc. Och om möjligt, använd cachning. Men framför allt: ha modet att göra misstag. Och även uthållighet. Det är bättre att ha en liten påverkan och lära sig av det än ingen påverkan och dölja det. Vi upplever detta själva varje dag 🙂 ...

Hur uppstod din speciella affärsidé och vilken feedback får du?

Affärsidén uppstod under det sista stora projektet på ett nystartat företag som vi arbetade för. Vi var tvungna att bygga en marknadsplats för flera leverantörer inom B2C och ämnet hållbarhet låg också i teknikens framkant. Resultatet av detta, i kombination med den inre motivationen att hjälpa till att forma en hållbar förändring på webben, ledde sedan till vår affärsmodell.

Men grunden för allt har funnits med oss under alla de år som vi har arbetat med prestanda och hållbarhet. Tiden var rätt för oss, låt oss uttrycka det så här 🙂 ...

Hittills har vi fått mycket positiv feedback om vår service och vårt team, men också kritik om enskilda ämnen, till exempel transparensen i koldioxidutsläppen. Vi är mycket nöjda med båda. Å ena sidan det faktum att våra produkter är självförklarande och att vi arbetar med våra kunder för att göra deras framtid på webben mer hållbar. Å andra sidan uppskattar vi också den kritik som gör att vi kan mäta oss och ständigt förbättra oss.

Transparensfrågan är så mångfacetterad, komplex och kräver så mycket utbildning och innehåll att vi inte kan ta itu med allt på en gång. Vi vet att vi inte kan göra allting helt rätt från början. Men även här är vi tacksamma för all kritik och alla förslag. Och ändå är vi stolta över vad vi redan har åstadkommit. Vårt motto är att nå vårt mål i små men stadiga och hållbara steg.

Green WordPress Hosting

Varför arbetar du med Raidboxes ? Hur hjälper vi dig konkret att förverkliga hållbara WordPress-projekt?

Vi arbetar med Raidboxes eftersom ni, utöver er hållbarhet i företaget och grön hosting, tar bort mycket arbete från oss. Till exempel när det gäller att skapa sidor, serverkonfiguration, caching, säkerhetskopior, prestanda, säkerhet och WordPress-konfiguration.

Era servrar är också placerade i Tyskland, vilket är ett viktigt kriterium för de flesta kunder, särskilt inom B2B. Er support är bland det bästa vi har upplevt hittills, vilket är till stor hjälp för oss. Så för oss bildar allt detta ett bra övergripande paket som också är hållbart.

Några ord om dig och ditt team?

Jag har rest runt i världen som digital nomad i flera år nu och har kunnat lära känna så många olika kulturer, människor och projekt på det här sättet, vilket fyller mig med tacksamhet. Nära vänskap och samarbeten har utvecklats under denna långa resa. Jag är alltid glad över att kunna forma här och nu och framtiden tillsammans med dessa människor.

En mycket viktig erfarenhet som jag kunde göra var att var och en av dessa människor följer sin egen väg i livet och att förändring är en del av det. Att stela strukturer inte fungerar för många människor och att yrkesmässig frihet är motiverande i sig. Arbetsbelastningen för de enskilda personerna är också alltid olika i våra projekt.

Därför bestämde vi oss för att arbeta i ett team av självständiga personer under ett varumärke, så att flexibiliteten och kreativiteten inte går förlorad och alla bidrar efter behov. Jag är ett stort fan av den här typen av team eftersom vi har väldigt få konflikter och varje medlem i teamet kan följa sitt eget "varför" utan att förlora kreativitet och produktivitet.

Allt detta låter väldigt filosofiskt, men för oss är det en viktig hörnsten för ett framgångsrikt samarbete. Jag är tacksam och stolt över att vara en del av detta team.