När du jobbar med WPO för att optimera din webbplats är det självklart flertalet variabler som du du bör tänka på. En generell rekommendation är att börja med de bitar som tar upp den största laddningstiden. Vilka dessa delar är varierar från webbplats till webbplats men ofta förekommande bovar är tredjeparts javascript och okomprimerade bilder.
Det är inte sällan man stöter på webbplatser som helt struntat i att beskära bilden och tror att det räcker med att ange en nya storlek i koden. Det gör det inte.
Börja med att beskära din bild till rätt storlek i valfritt bildredigerare och spara som JPG eller PNG. Om du funderar på GIF så släpp den tanken, det filformatet är nämligen inte speciellt WPO-vänligt då den väger betydligt mer än till exempel PNG. Men visste du att det går att komprimera bilden ytterligare för WPO:n och användarupplevelsen?
Surfa in på Smush.it och ladda upp dina bilder eller ange URL:en där de ligger. Tryck sedan på knappen “Smush” och PANG så får du en optimerad version av din bild.
Så vad är det Smush.it gör egentligen? Jo, tjänsten sparar om bilden i “progressive JPG” istället för “baseline JPG”. Det betyder att bilderna laddas in på olika sätt. Baseline laddas uppifrån och ner likt exemplet nedan.
Progressive å andra sidan laddar in bilden så som namnet föreslår, progressivt. Det betyder att hela bilden laddas in direkt fast till en början i låg kvalité och ökar sedan i kvalité tills den är färdigladdad.
En fördel förutom mindre bildstorlek och därmed även snabbare laddningstid är även ur ett användbarhetsperspektivet. Använder du dig av progressiva JPG:s så ser användarna direkt att något är på gång och kan ta del av hela bilden även med en sämre uppkoppling.
Så optimerar du dina bilder för bättre WPO is a post from: Adam Hassan | Tankar om digitala angelägenheter