Bilder som tynger sidan
Om du bara orkar åtgärda en sak är det den här. På en typisk företagssajt står bilderna för mer än halva sidans vikt, och nästan alltid går de att göra till en bråkdel utan att någon ser skillnad.
Tre fel som nästan alla gör
- För stora i pixlar. En bild på 4000 pixlar bred visas i en ruta som är 800 pixlar. Webbläsaren krymper den visuellt men laddar ändå ner allt.
- Fel format. Foton sparade som PNG blir flera gånger större än nödvändigt. WebP är i dag standard och stöds av alla webbläsare som används.
- Allt laddas direkt. Bilder långt ner på sidan hämtas innan besökaren scrollat dit, och konkurrerar med det som faktiskt syns.
Vad du gör åt det
Skala ner bilderna till den storlek de faktiskt visas i, spara som WebP med kvalitet runt 80, och lägg på lazy loading på allt utom den översta bilden. Just den översta ska tvärtom laddas med förtur, eftersom den nästan alltid är det som mäts som sidans största innehåll.
Bilden överst är ett specialfall
Hero-bilden på startsidan är oftast den som avgör LCP-måttet. Den ska inte lazy-laddas, den ska vara komprimerad hårdare än de andra, och den ska ha angiven bredd och höjd så att sidan inte hoppar när den kommer på plats. Det sista påverkar CLS – se Core Web Vitals.
Vad det brukar ge
Bildoptimering ensam flyttar ofta betyget 10–30 poäng på en sajt som aldrig setts över, och kostar 3 000–8 000 kronor att låta någon göra. Det är den bästa avkastningen som finns i listan över vad åtgärderna kostar.
Vanliga frågor
Blir bilderna sämre av komprimering?
Inte märkbart. Vid kvalitet runt 80 i WebP ser de flesta ingen skillnad även vid direkt jämförelse, medan filen ofta blir 70 procent mindre.
Behöver jag ett plugin för det?
Ett bildoptimeringsplugin gör jobbet automatiskt för framtida uppladdningar och kan konvertera befintliga bilder. Det är ett av få tillägg som brukar tjäna in sin egen vikt.
Vad gör jag med bakgrundsvideor?
Ta bort dem, eller byt mot en stillbild. En autospelande video i sidhuvudet är nästan alltid den tyngsta enskilda posten på en sajt som har en.
Vill du att vi tar hand om bilderna?
Mät sidan först om du inte gjort det – då vet vi båda vad vi pratar om. Sedan säger vi vad som går att åtgärda och vad det kostar ungefär. Kostnadsfritt, och vi säger till om vi tycker att pengarna gör mer nytta någon annanstans.