Gör din hemsida snabbare genom att optimera dina bilder för WordPress. Ingen gillar att besöka en seg hemsida och risken är stor att dina besökare klickar sig vidare till en annan hemsida och du riskerar att förlora en potentiell kund.
Optimera bilderna för WordPress och gör din hemsida snabbare!
Tänk på att ungefär hälften av alla dina besökare surfar in på din hemsida via mobilen och ofta har en långsammare uppkoppling än den fasta uppkoppling hemma eller på kontoret. Därför är det viktigt att optimera sin webbplats hastighet. Här följer några bra tips på hur du kan få en snabbare hemsida genom att optimera bilderna på din WordPress-sajt.
Så här optimerar du bilder i WordPress
Stora bilder på hemsidan tar lång tid för webbläsaren att ladda ner för att de ska visas. Använder du originalbilder direkt från din kamera kan de vara på flera MB och är då alldeles för stora för att ha på hemsidan. Bildens filstorleken bestäms bildens storlek i antalet pixlar samt bildkvaliteten. Bilder behöver beskäras i rätt storlek och komprimeras för visning på bildskärm.
Spara bilder i rätt storlek
Ta reda på i vilken pixelstorlek bilden du kommer använda på hemsidan ska ha. Skala sen ner bilden till lämplig storlek i ett bildredigeringsprogram innan du laddar upp den. Enklast gör du det i Photoshop genom att klippa din bild till den pixel storlek som den kommer att ha på hemsidan och sen använda en funktion i Photoshop som heter spara för webben.
WordPress skapar automatiskt flera olika bildstorlekar av din bild vid uppladdning:
Miniatyr: 150×150 pixlar
Medium: max bredd/max höjd 300 pixlar
Stor: max bredd/max höjd 1024 pixlar
Dessa förinställda bildstorlekar kan du ändra till de du har tänkt att använda på din hemsida. När du sen infogar en bild på hemsidan kan du välja den bildstorlek som passar bäst. Ställ in de bildstorlekar du vill använda under Inställningar > Media och tryck sen på spara.
Komprimera dina bilder
Ofta kan man komprimera bilderna utan att behöva sänka bildkvaliteten, på så sätt visas de på webben utan att de synbart försämras. Att komprimera bilder kan göra stor skillnad för filstorleken. För att komprimera en bild kan man använda Photoshop, online-verktyg på nätet eller olika WordPress-tillägg som komprimerar bilderna åt dig.
WordPress plugins för att komprimera bilder:
- Smush Image Compression and Optimizatio
- reSmush.it Image Optimizer
- EWWW Image Optimizer
- Compress JPEG & PNG images – By TinyPNG
- ShortPixel Image Optimizer
När du installerat tillägget kan du under Media-inställningarna välja att ställa in så att alla bilder ska komprimeras automatiskt vid uppladdning. Du kan också välja att komprimera redan uppladdade bilder.
Testa hastigheten
Det finns flera resurser på webben där man kan testa sin hemsidas hastighet. Testa gärna hemsidan först och gör sen ändringarna så ser du vilken förbättring av hastigheten det blivit. Två vanliga verktyg för att testa sin hemsidans hastighet på webben är Google PageSpeed Tools och Pingdom Tools. Efter att du testat din hemsida kan då även få tips på hur man kan förbättra sidans nerladdningstid samt se hur väl mobilanpassad hemsidan är. Följ gärna alla tips för att snabba på din hemsida ytterligare!
Har ni många bilder på hemsidan kan ni dramatiskt förbättra hastigheten genom att följa dessa tips.
Lycka till!