Det är dags för den sista delen i vår lilla serie om miljövänlighet på nätet. Vi har tidigare tipsat om hur man väljer ett miljövänligt webbhotell och berättat om den kommande miljövänliga .eco domänen. Nu är det dags att visa hur man bygger en miljövänlig hemsida. Låter det otroligt? Det är faktiskt inte så svårt.
Miljövänliga hemsidor är inget nytt. För sådär en 10-15 år sedan var alla hemsidor på nätet mer miljövänliga än de är idag. Det beror helt enkelt på att de var mindre och inte utnyttjade så mycket resurser (datorkraft och nätverkstrafik).
Så dagens hemsidor, med en massa roliga och nyttiga funktioner, är mindre bra för miljön.
Nu är givetvis utvecklingen på nätet, med alla hemsidor och dess möjligheter, någonting positivt. Det finns många tjänster på nätet som förbättrat miljön för oss, tänk bara på e-post/direktmeddelanden kontra traditionell post. Reklamfritt.se är också ett exempel på en miljöförbättrande hemsida.
Men hur gör man då för att få en miljövänligare hemsida?
Optimering av hemsideinnehåll
Det enklaste och mest konkreta man kan göra för att miljöanpassa sin hemsida är att optimera den. När man optimerar en hemsida så ser man till att den minskar i storlek, så att den laddar snabbare. Det gör även att det krävs mindre resurser för att besöka och använda hemsidan.
En hemsida består av flera delar, såsom texter, bilder och (vanligtvis) olika funktioner (eller script). Texterna är vanligtvis inte så resurskrävande, de stora skurkarna är istället bilderna och funktionerna. Och dessa kan man minska ner rätt så enkelt.
Om du använder ett särskilt program för att hantera bilderna till din hemsida så har du förmodligen redan möjlighet att minska storleken på dina bilder därigenom. Och med storlek menar vi inte fysisk storlek, utan lagringsstorlek. Det finns likaså verktyg för detta på nätet, såsom Yahoo Smush.it.
Enbart genom att optimera dina bilder kan du minska storleken på din hemsida med uppåt 80-90 %.
Förutom bilder så kan man även optimera funktioner (script) på en hemsida. Det är inte riktigt lika enkelt, men både Yahoo och Google erbjuder lösningar som hjälper till med detta. Yahoos lösning heter Yslow och Googles lösning heter Page Speed. Båda lösningarna är tillägg till Firefox/Firebug.
När man använder Yslow eller Page Speed på en hemsida så får man information om vad det är som laddas långsamt, samt konkreta tips på vad man kan göra för att lösa det. Hela hemsidan betygsätts, så man kan jämföra sin hemsida före och efter optimeringen.
Här är en liten film som förklarar hur Page Speed fungerar, med tydliga exempel.
Med Yahoo Yslow och Google Page Speed är det (relativt) lätt att optimera det mesta innehållet på en hemsida. En annan fördel med att optimera innehållet är att hemsidan blir snabbare. Det betyder att hemsidebesökarna uppskattar hemsidan mer, vilket förhoppningsvis leder till fler besökare, samt att man klarar sig med mindre trafik (webbhotell begränsar vanligtvis trafik till hemsidor).
Övriga förbättringar
Utöver optimering av bilder och funktioner så finns det några andra saker man kan göra för att få en mer miljövänlig hemsida. Det här är inte alltid enkla lösningar, men ändå något som kan vara bra att känna till.
- - Optimera koden på servern
Lösningarna ovan används för att optimera den programmeringskoden som hanteras av webbläsare. Men det finns även kod som hanteras av webbservrarna, som man kan optimera likaså. Ett bra program för detta är Jmeter. Det här är tekniskt sett väldigt avancerat, men kan ge desto större hastighetsvinster. - - Använd öppen källkod
Lösningar för hantering av hemsidor som baseras på öppen källkod, såsom Wordpress (som vi använder på Reklamfritt.se) och Joomla, är många gånger mindre resurskrävande än (motsvarande) egentutvecklade lösningar. Det beror på att det är så många människor som hjälper till att utveckla dessa lösningar. Tänk dock på att vissa tillägg (plugins) kan använda mycket resurser. - - Lägg bilderna någon annanstans
Om du har mycket bilder på din hemsida så kan det vara en bra idé att lägga dessa bilder på en sk. CDN (Content Delivery Network). Det är tjänster som är specialiserade på att leverera bilder (och annat material) till besökare både snabbt och enkelt. Många gånger tillämpar de olika typer av optimering. Ett exempel på en bra CDN-leverantör för bilder är Flickr. - - Prata med ditt webbhotell
Webbhotell, och andra liknande tjänsteleverantörer, har mångårig erfarenhet av att hantera hemsidor. Om du använder mindre resurser hos dem så blir de vanligtvis väldigt glada (eftersom de t ex har begränsningar vad det gäller trafik, utrymme osv). Fråga dem om tips på hur du kan optimera din hemsida. - - Anpassa utskrifterna
Om besökare till din hemsida vill skriva ut något från hemsidan, se då till att du använder en anpassad stilmall för utskrifter. Då kan du t ex se till att sidorna enbart skrivs ut i svart/vitt, vilket sparar färgpatroner (och miljö). Googla på t ex ”print css” för exempel på hur du löser det (tack till Erik för tipset!).
Det var lite kort om hur man bygger en miljövänlig hemsida. Om du tycker att någonting saknas, eller har tips på fler förbättringar, så får du gärna kommentera det här nedan.