Internet är en av vår tids största energikonsumenter. Detta inkluderar också de många webbplatser som underhåller oss, informerar oss eller vad vi handlar om. Mer än en tredjedel av det körs på grundval av WordPress och WooCommerce. Det är ganska mycket – och erbjuder stor besparingspotential. I den här artikeln går vi till botten med frågan: Hur kan webbplatser göras mer hållbara med WordPress?

Alla vet det och alla använder det: Internet. Samtidigt är hälften av mänskligheten online och konsumerar flitigt data. Kanske tänker du: Det är bra, eftersom det sparar oss den tidskrävande produktionen av böcker, kataloger eller DVD-skivor. Även ett onlinemöte är mycket bättre än att behöva resa halva landet för en enkel konversation, eller hur?

I grund och botten är allt detta sant, men det finns en hake. Samtidigt har informationsutbytet på nätet fått enorma proportioner. Och för denna el behövs mycket el. Visst känner ni till denna jämförelse: Om Internet var ett land skulle det rankas som trea direkt efter USA och Kina när det gäller elförbrukning – och trenden ökar kraftigt.

Denna jämförelse gjorde mig mycket omtänksam. Ett problem med frågan är utan tvekan att man inte ser denna enorma resursförbrukning till en början. Alla märker en rykande skorsten eller ett illaluktande avgaser, du vet att du måste göra något åt denna förorening. En dator eller smartphone, å andra sidan, är tyst, tyst och förmodligen ren. Men tyvärr alldeles för sällan riktigt grön. Och på grund av den ständigt växande användningen av moln, videoströmning och alltmer komplexa webbplatser fortsätter "konsumtionen" av digital teknik att växa tyst. 

Vid något tillfälle frågade jag mig själv vad jag kunde göra för att stänga av min personliga "dataförbrukning". För en sak är klar: vi använder alla Internet. Således kan alla och varje enskild person – inklusive jag – delta i att vara online på ett ansvarsfullt sätt. Vi kan sätta femtielfte tweets om dagen i världen, netflix några serier i timmar eller skicka runt meningslösa kattvideor. Eller så använder vi Internet medvetet och med verkligt mervärde.

Om du kör en eller flera WordPress-webbplatser själv kan du börja ännu tidigare. Du kan försöka göra de enskilda webbplatserna så hållbara som möjligt. Men hur fungerar det? Och vilket inflytande har du på det själv?

Hur hållbar är din webbplats?

Jag driver flera projekt baserade på WordPress. För några år sedan började jag komma in i WordPress-världen. Jag har förmodligen fallit i nästan varje fälla som WordPress har att erbjuda, jag är inte en utvecklare. Jag använder till och med en WordPress-sidbyggare, som många gör, kanske du också?

Naturligtvis kan jag nu gå och beställa en byrå för mycket pengar för att skapa en skräddarsydd WordPress-webbplats för mig. Helst skulle detta tänkas igenom in i minsta detalj och inte en byte för stor. Men inte alla WordPress-användare kan eller vill ha råd med det, precis som inte alla WordPress-byråer har en aning om hållbar utveckling. Det är därför jag bestämde mig för att själv se vad jag kan göra för att få ut det mesta av WordPress med enkla medel.

Hur skapas dina webbplatser?

Detta är den första fråga som jag vill klargöra med er. Det här handlar om saker som du kanske inte ens har på skärmen vid första anblicken när du tänker på en webbplats. Men en sak är klar: En hemsida finns inte bara där. Det måste planeras, konceptualiseras, programmeras och fyllas med innehåll. Allt detta kräver arbete och förbrukar resurser.

Om vi tittar på några detaljer här finns det otroligt många sätt på vilka du kan göra din webbplats mer hållbar redan före lanseringen. Och det bästa med det är: Här kan du ha ett direkt inflytande själv. Det är en slags inventering:

• Sitter du på ett stort kontor eller arbetar i ett litet coworking space?
• Har du alltid den senaste hårdvaran eller köper du din dator begagnad eller renoverad, till exempel?
• Lagar du något själv till lunch från regionalt köpta ingredienser eller kommer bara bekvämlighetsmat från rabatten till bordet?
• Använder du konventionellt producerad el eller har du en grön eltaxa?

Som du kan se relaterar mycket av det till din övergripande livsstil. Men det är just en viktig punkt. För sättet du närmar dig saker i din vardag också flyter in i din hobby eller ditt jobb.

Nu kanske du undrar: Vad har detta med min webbplats att göra? Jag tänker mycket. Hållbarhet fungerar ju bara i begränsad omfattning som en enskild åtgärd. Om jag skickar mina paket klimatneutralt är det naturligtvis bra för tillfället. När jag kör hem på kvällen med den stora suven är det inte konsekvent, utan faller snarare in i kategorin "greenwashing".

Hållbart koncept för din WordPress-webbplats

Om du väljer WordPress som ett innehållshanteringssystem (CMS), är naturligtvis några tekniska villkor redan definierade. WordPress är till exempel baserat på PHP-skriptspråket, som du helt enkelt inte kan ändra, även om det kan finnas "smalare" alternativ. Dessutom har du många alternativ för att påverka om din webbplats är ett glupskt datamonster eller en smidig informationssamois.

Strukturen på din webbplats

Den strukturella strukturen i dina webbprojekt är mycket viktig. Hittar dina användare snabbt och landar med den information de letar efter med bara några klick? Eller "felar" de från ena sidan till den andra tills de äntligen når sin destination? Ditt mål bör vara att användarna ska hitta vad de letar efter med så få klick som möjligt. Eftersom varje ytterligare inläst undersida är en (eventuellt onödig) dataöverföring, som i sin tur kostar energi.

Förresten är en ren struktur också ett viktigt SEO-ämne: Sökmotorer som Google älskar välstrukturerade sidor och belönar dig med en bättre ranking. Visa inlägget på wp unboxed om WordPress SEO.

WordPress Plugins

WordPress-plugins är både en välsignelse och en förbannelse. Det fina är att det finns en lösning på varje problem i form av ett plugin. Så du kan designa din webbplats exakt som du föreställer dig den även utan programmeringskunskap. Du bör dock titta mycket noga när du väljer dina plugins: Varje gång du installerar ett nytt plugin, svara på följande fråga: Behöver jag verkligen det här tillägget? Se artikeln Tips för att välja WordPress-plugins.

Varje ytterligare plugin kan blåsa upp din webbplats i onödan, med varje gång du besöker din sida laddas mer och mer data. Detta gör din webbplats långsam och är allt annat än hållbar. Så tänk noga på vilka funktioner och effekter du verkligen behöver. Agera strikt enligt mottot: Så många plugins som behövs, så få som möjligt.

Temat Hållbart WordPress

Som med plugins är valet av WordPress-teman som bestämmer utseendet på din webbplats enormt. Och du måste bestämma vilket tema som är rätt för dig. Bör det vara särskilt hållbart? Då gäller detsamma för ditt WordPress-tema: Så mycket som behövs, så lite som möjligt. 

Välj ett tema som kan göra exakt vad du behöver – och inget mer. Eftersom ju fler funktioner som är integrerade i ett tema, desto större blir kodpaketet. WordPress-utvecklaren Jack Lenox tog det till det yttersta och visade med sitt WordPress-tema Susty hur smal WordPress kan vara. Det orsakar en dataöverföring på bara 6 kB. Det finns teman som är flera MB i storlek, en riktigt stark skillnad.

Visserligen: Susty är redan mycket reducerad - men kanske är denna minimalism till och med riktigt cool för den ena eller den andra enkla bloggen? Om du vill ha något mer finns det andra rekommendationer för särskilt smala och därmed "hållbara" WordPress-teman. Till exempel:

• Twenty Twenty-Two, ett av WordPress standardteman
• GenereraPress
• Neve
• Hello Elementor (inte bara i kombination med Page Builder Elementor)

Hur påverkar design hållbarhet?

Bilder, videor och teckensnitt utgör en stor del av dina webbplatser. Om du använder bilder i stort format och i maximal kvalitet blir de snabbt flera megabyte i storlek – och därmed motsatsen till hållbart. På samma sätt är det problematiskt att använda otaliga olika teckensnitt bara för att du tycker att det är vackert. Ju färre teckensnitt du bäddar in, desto mindre data behöver du läsa in på varje sida du hämtar.

En "hållbar" WordPress-design är därför en som klarar sig med några teckensnitt och avsiktligt placerad grafik. När du integrerar videor bör du också fråga dig själv: Är detta bara "trevligt att ha" eller ett verkligt mervärde vid denna tidpunkt? Med bilderna är det också mycket viktigt att du tänker på dimensionerna och typen av komprimering.

Som redan nämnts: Minska storleken - istället för att lägga till högkvalitativa foton för att fylla skärmen - och se också till att komprimera varje enskild bild så effektivt som möjligt. Du kan få detta gjort av ett WordPress-plugin. Men det skulle vara bättre om du kunde klara dig utan det (som beskrivs i början av inlägget). Detta är inte så svårt: De flesta bildredigeringsprogram tillåter en enkel, snabb och automatiserad komprimering av dina bildfiler.

Prova olika inställningar. Så här kan du ta reda på hur mycket du kan komprimera utan att kvaliteten lider för mycket. Min erfarenhet är: Det är mycket som händer! Jag fortsätter på följande sätt:

• Jag begränsar i princip bildbredden till 2 000 pixlar med Photoshop. Detta är mer än tillräckligt även för stora skärmar.
• Därefter går jag till "Spara för webben" och väljer "Låg" för kvalitet. Resultatet är helt bra och mina bilder är vanligtvis betydligt mindre än 300 kilobyte.
• Jag kan sedan reta de sista bytena ur mina filer med webbläsarversionen av tinyPNG . Detta verktyg komprimerar mycket effektivt och sparar dig också ett extra plugin.

Om det sista steget är för stressigt för dig kan du också integrera tinyPNG som ett WordPress-plugin . Sådana optimerade bilder är redan en bra grund.

Därefter bör du ta en titt på dina "miniatyrbilder". Så snart du laddar upp en bild till WordPress lagras olika storlekar av den, "miniatyrbilderna". Vissa är WordPress-standard, andra ställer in ditt tema. Och ofta behöver du inte alla. Så det skulle vara tänkbart att dina temaminiatyrer för en WooCommerce Handla butiker som du aldrig använder om du inte driver en butik.

Så det skulle vara en mycket bra idé om WordPress bara skapar miniatyrbilderna du behöver, eller hur? Naturligtvis skulle ett tema skräddarsytt efter dina behov vara idealiskt. Men du kan också påverka vilka miniatyrbilder WordPress-butiker. Se anvisningarna för bildfiler och miniatyrbilder på wp unboxed.

Håll ordning

När du ställer in en WordPress-webbplats rekommenderar jag att du behåller beställningen direkt från början. För om du installerar huvudlösa plugins och laddar upp bilder vid misstanke kommer det så småningom att sluta i kaos. Många plugins lagrar data i din WordPress-databas utan slut, men utan att ta bort den när du tar bort plugin. Ju snyggare och smalare ditt WordPress-system är, desto snabbare körs det och desto mer hållbart är det. Även om det är svårt ibland, var konsekvent städa och städa upp ditt system regelbundet.

Tänk om kaoset redan är där?

Jag följde inte det här tipset först. Vid någon tidpunkt (tydligen "precis så") hade massor av data från oanvända bilder, gamla säkerhetskopior och galleriplugins som för länge sedan hade använts ackumulerats. Så det hjälpte inte: jag var tvungen att ta mig samman och hålla saker städade i dagar. Så jag kunde ta bort flera gigabyte data från mitt webbutrymme i slutändan!

Kanske har din WordPress-webbplats också ökat i flera år, tillsammans med din erfarenhet och färdigheter. Och kanske är du nu vid den punkt där du inser: Ditt projekt sjunker i kaos. Så vad väntar du på? Storskalig sanering är dagens ordning. Detta är bra när det gäller hållbarhet, men är också meningsfullt när det gäller SEO. Eftersom Google älskar rena, snygga, snabba webbplatser!
Ett praktiskt verktyg för att städa upp är WP Optimize. När det gäller att rensa upp databasen tycker jag också att WP DB Cleaner är till stor hjälp.

WordPress Page Builder och hållbarhet

WordPress-sidbyggare (här är en översikt) är praktiska och gör det möjligt att uppnå snygga resultat snabbt och effektivt. Men de är också kända för att blåsa upp koden på dina webbplatser och förlänga laddningstiderna. Ändå kan du göra några saker för att minska denna effekt och därmed använda din sidbyggare så hållbart som möjligt:

• Begränsa dig till de inbyggda funktionerna och gör utan ytterligare designplugins för din sidbyggare.
• Om du använder ytterligare plugins, se till att du helt kan inaktivera alla funktioner som du inte riktigt använder.
• Var uppmärksam på en enkel sidstruktur. Sidbyggare använder en "behållare" för vart och ett av dessa element, vilket snabbt blir alldeles för många. Googles PageSpeed Insights kritiserar detta som "överdriven DOM-storlek". Hur du kan minska sådan överbelastning förklaras väl i den här YouTube-videon . 
• För enskilda blogginlägg är det bäst att göra utan sidbyggaren helt och hållet och använda den integrerade Gutenberg Redaktör.

SEO och hållbarhet

I grund och botten är nästan allt som är bra för SEO (dvs. för sökmotoroptimering av dina webbplatser) också en vinst när det gäller hållbarhet. För vanligtvis handlar det om rena strukturer och snabba sidor med liten dataöverföring. Och eftersom det är så viktigt hittar du också massor av bra guider och användbara verktyg för att optimera din webbplats för sökmotorer.

Vid denna tidpunkt vill jag bara kort lista vad du kan göra dessutom och vilka verktyg eller instruktioner som hjälper dig:

• Ta bort ytterligare onödig ballast (överflödiga teckensnitt, eventuellt oanvända eller dispenserbara externa tjänster som Google Analytics eller Google Maps, onödiga inbäddade skript). 
• Sammanfatta källkoden och förenkla den genom att komprimera, se anvisningarna Minska HTML, CSS och JavaScript.
• Inaktivera onödiga element som emojis, en oanvänd kommentarfunktion, avatarer etc. Plugin Asset CleanUp gör detta med bara några musklick (se till att skapa en säkerhetskopia i förväg).
• Asset CleanUp fyller dock en ännu mer praktisk funktion: Det låter dig ange exakt vilken extra kod som ska laddas för varje sida och vilken som inte ska. Om du har en WooCommerce Handla , WordPress laddar den nödvändiga koden på varje sida - inklusive på dina bloggsidor utan någon butiksfunktion. Med Tillgångsrensning kan du utesluta alla kod för varje sida som inte behövs i brådskande syfte. 

SEO-plugins som Yoast eller Rank Math ger dig många tips när det gäller optimering på sidan. Så de upptäcker tekniska fel (till exempel saknade bilder, trasiga länkar och så vidare) och hjälper dig att fixa dem. Och en ren, felfri webbplats är inte bara en hållbar fråga när det gäller SEO.

Hållbar WordPress Hosting

När du har tagit ditt WordPress-projekt i form finns det en tredje viktig aspekt när det gäller WordPress och hållbarhet: Din värd. Eftersom det här är den plats där servrarna körs så snart användarna anländer till din webbplats. Varje gång detta händer utbyts data. Och det kostar energi.

Så det är värt att titta närmare här. Den mest uppenbara frågan är naturligtvis: Varifrån kommer kraften din värde använder? Om han får energi från rena källor som vattenkraft, vindkraft eller solenergi är det ett stort plus.

Men det är inte allt. Värdleverantörer behöver mycket resurser för områden som:

• Teknisk infrastruktur
• Kontorsmaterial och inredning
• Marknadsföring
• Mat
• Rengöring
• Mobilitet och resor

Som med din egen livsstil är företagsfilosofin hos din WordPress-värdleverantör en viktig byggsten för mer hållbarhet. Om regional mat serveras i matsalen, om affärsresor görs med tåg eller begagnade kontorsmöbler, gör alla dessa små åtgärder också dina WordPress-projekt lite mer hållbara. Så se till att din webbhotell är riktigt allvarlig och inte bara ger ett grönt utseende, men helst agerar verkligen klimatpositivt.

Dessutom finns det naturligtvis en annan viktig aspekt: prestandan eller de tekniska ramvillkoren för ditt värdpaket. Eftersom ju "rundare" din webbplats kör, desto snabbare och mer hållbar är den. Så det är vettigt att välja ett värdpaket som är specifikt skräddarsytt för WordPress. Var uppmärksam på följande:

• Data bör lagras på moderna, snabba (och ekonomiska) SSD-hårddiskar, helst i ett datacenter från ditt land. Åtminstone om hållbarhetsnormerna där är motsvarande höga.
• En hög minnesgräns bör också inkluderas, helst 256 MB.
• Viktiga standardfunktioner bör integreras på serversidan (till exempel cachelagring, säkerhetskopior, en mellanlagringsmiljö eller omdirigeringar). Detta är vanligtvis inte bara effektivare, men sparar också en hel massa plugins, vilket automatiskt gör din webbplats snabbare och mer hållbar. Se e-boken 5 till 100+ Hantera WordPress-projekt, den finns också som ett blogginlägg .
• En aktuell PHP-version, ett gratis SSL-certifikat och HTTP / 2 bör vara standard.

Är en hållbar webbplats värdefull?

Kanske tänker du: Wow, det är mycket jobb som väntar på mig! Jag måste erkänna att ni verkligen kan ta itu med detta ämne under lång tid. Men jag insåg snabbt att det var värt det. Eftersom de flesta mått när det gäller hållbarhet har en positiv effekt på dina laddningstider och sökmotoroptimering samtidigt.

För att testa hur hållbara dina webbplatser är kan du använda webbplatsencarbon.com's service, som ger spännande och tydlig information om CO2-fotavtrycket på din WordPress-webbplats. Också mycket avslöjande är resultaten av hastighetstester på webbplatsen som GTMetrix eller Googles PageSpeed Insights. Du får inte bara betyg på din webbplats, utan också många tips om vad du kan göra för att göra ännu bättre.

Om din webbplats laddas snabbt, kommer naturligtvis dina besökare också att vara glada. Och det kan i sin tur betyda kontanter för dig: Många hoppar av när en webbplats laddas i mer än tre sekunder. När du driver en butik innebär det omedelbart en intäktsförlust. Men du kan också göra Google nöjd med en snabb webbplats - ju snabbare din webbplats laddar, desto bättre rankar Google den i sin ranking. Detta innebär i sin tur att du och ditt företag kommer att hittas bättre.

Jag tycker nu verkligen om att titta på var jag kan få ut ännu mer av mina WordPress-projekt. Omedelbar framgång spelar en viktig roll här: Många förändringar kan mätas direkt via olika hastighetstester på webbplatsen .

Bilder i artikeln: Martin Donat, Peter Beukema