Bortom optimering
När vi talar om hållbar webbdesign tänker de flesta på miljövänlig webbhosting eller förnybar energi. Men det finns en annan, mer diskret faktor som har en enorm inverkan: medieoptimering – framför allt bilder.
Varje onödig megabyte som vi skickar via internet förbrukar energi, släpper ut koldioxid, saktar ner användarna och tar resurser i anspråk som vi enkelt skulle kunna spara genom bättre standardinställningar. Därför ställde vi oss frågan: varför laddar WordPress fortfarande upp, lagrar och levererar så uppblåsta bildfiler – och kan vi åtgärda det redan vid källan?
Problemet med WordPress standardmetod
WordPress-kärnan är utformad för att säkerställa kompatibilitet och underlätta redigeringsarbetet. Som standard gör den följande:
- Laddar upp och lagrar originalfilen i full upplösning.
- Skapar flera versioner i olika storlekar (oavsett om de används eller inte).
- Behåller befintliga JPEG- och PNG-filer även när miniatyrbilder i WebP-format finns tillgängliga.
- Använder endast lätt, försiktig bearbetning; bilderna optimeras inte på ett aggressivt sätt.
Med andra ord är WordPress väldigt bra på att bevara pixlar, men inte särskilt bra på att bevara vår planet.
Tillägg, bekvämlighet – och överbelastning
Det finns hundratals plugins för “bildoptimering”. Många av dem låter användbara, men medför vissa nackdelar:
- Extern behandling: De flesta optimeringsplugins använder sig av fjärrtjänster – dina bilder laddas upp till tredjepartsservrar för komprimering och skickas sedan tillbaka till din webbplats.
- Sekretess och efterlevnad: Att leda datatrafik utanför anläggningen kan ge upphov till frågor som rör GDPR och datasuveränitet.
- Överhuvud: Cron-uppgifter, tillfälliga data, extra metadata och gränssnittslager ökar komplexiteten och belastar databasen.
- Inlåsningseffekt och kostnad: kvoter, krediter och premiumfunktioner för vanliga format som AVIF.
Vissa verktyg erbjuder lokala lägen, men standardvägen i de flesta stackar medför fortfarande onödigt storlek och beroenden.
Vår strategi: lokal, smidig, logisk
Vi bestämde oss för att utgå från grundprinciperna:
- Gör det lokalt. Konverteringen sker på webbplatsens egen server – ingen behandling sker hos tredje part.
- Håll det enkelt. En liten, granskad funktion ersätter tunga plugins.
- Mät det som är viktigt. Vi beräknar det faktiska antalet sparade byte, inte bara abstrakta procenttal.
- Gör det synligt. Redaktörerna ser diskreta meddelanden vid uppladdning samt en räknare i adminfältet som i realtid visar dagliga data och CO₂-besparingar.
Tekniskt sett är processen enkel: varje bild som laddas upp konverteras till WebP direkt på servern; originalfilen tas bort så snart konverteringen är klar; WordPress automatiska “-scaled”-duplikater är inaktiverade; och kontrollpanelen visar diskret den löpande summan av sparade megabyte.
Varför WebP är viktigt (och varför vi slutar använda äldre format)
WebP stöds av alla moderna webbläsare. Det minskar vanligtvis filstorleken med 60–90% jämfört med JPEG och PNG utan att kvaliteten försämras, och formatet stöder transparens och animering. Genom att endast lagra filer i WebP-format kan vi:
- Avskaffa överflödiga äldre filformat som tar upp onödigt mycket lagringsutrymme och ökar behovet av säkerhetskopiering.
- Förenkla CDN-funktionaliteten och cache-nycklarna.
- Leverera mindre och snabbare sidor – detta är särskilt viktigt i mobilnät.
Om det för en viss integration skulle behövas en reservlösning som inte är WebP kan den genereras vid behov eller tillhandahållas av CDN:et – det finns inget behov av att lagra dubbletter på ursprungsservern.
Integritet, säkerhet och suveränitet
Eftersom konverteringen sker helt och hållet på webbplatsens egen server lämnar inga mediefiler din infrastruktur. Det innebär att:
- Ingen exponering av tillgångar gentemot externa databehandlare.
- Ingen extra administrativ börda i samband med efterlevnaden av GDPR eller regionala dataskyddsbestämmelser.
- Inga nycklar, kvoter eller fjärrberoenden.
Miljöpåverkan
Det är lätt att underskatta några megabyte, men siffrorna växer snabbt. En bild som komprimeras med 1 MB och visas 10 000 gånger minskar utsläppen med ungefär 0,6 g CO₂ per visningsgigabyte-ekvivalent; på välbesökta webbplatser är det vanligt att man sparar flera gigabyte per dag. Små, systematiska förbättringar ger betydande minskningar när de multipliceras med den faktiska trafiken.
En annan typ av optimering
Det nya uppladdningssystemet som är inbyggt i vårt huvudtema är kompakt, överskådligt och förutsägbart:
- Inga API-nycklar.
- Inga dolda nätverksanrop.
- Inga återkommande avgifter.
- Enbart lokal, deterministisk komprimering och tydliga besparingar.
Det handlar inte om att pressa ut varje pixel, utan om att eliminera slöseri i hela systemet.
En diskret men betydelsefull förändring
Hållbarhet inom digital design är inte bara en ruta att kryssa i – det är ett designval. Med den här uppdateringen av vårt huvudtema sparar nu varje Conlumina-projekt automatiskt data, tid och utsläpp varje gång en bild laddas upp. Det är en diskret förändring som ger mätbara resultat – just den typen av detalj som vi anser gör tekniken värd att lita på.
