Bilder står för 60 till 80 procent av en genomsnittlig webbsidas totala storlek. Ändå laddar folk upp 4000 pixlar breda JPEG-bilder rakt från kameran och undrar varför sajten är seg. Rätt bildhantering kan halvera laddtiden utan synlig kvalitetsförlust.
WebP-format
WebP ger 25 till 35 procent mindre filstorlek jämfört med JPEG vid samma visuella kvalitet. WordPress stödjer det nativt sedan version 5.8. Plugins som ShortPixel eller Imagify konverterar automatiskt vid uppladdning och serverar rätt format baserat på webbläsarstöd.
Lazy loading
Inbyggt sedan WordPress 5.5. Bilder laddas först när de scrollas in i viewport istället för att alla laddas vid sidladdning. Kontrollera med DevTools att loading="lazy" finns på img-taggar. Bilder ovanför folden (hero, logga) bör ha loading="eager" eller fetchpriority="high" istället.
Rätt upplösning
En kolumn som är 600 pixlar bred behöver inte en bild som är 4000 pixlar bred. WordPress skapar mellanstorlekar automatiskt (thumbnail, medium, large), men kontrollera att ditt tema faktiskt använder dem. Och aktivera srcset om det inte redan är på.
CDN
Cloudflare på gratis plan ger dig ett globalt CDN. BunnyCDN kostar från 1 cent per GB och är snabbt. Bilder serveras från närmaste datacenter istället för din server i Stockholm.
Kombinera alla fyra: WebP, lazy loading, rätt upplösning, CDN. Var och en gör skillnad. Tillsammans gör de enorm skillnad. Och det tar kanske en timme att sätta upp.