Guide
Guide: bildoptimering som lyfter Core Web Vitals
Så väljer du format, storlek och laddningsstrategi för bilder — och varför LCP nästan alltid är en bild.
1 sep. 20265 minKrymp
På de flesta sajter är största innehållsytan en bild. Fixar du bilden fixar du LCP.
Välj format efter innehåll
AVIF för foto, WebP som fallback, SVG för grafik. Behåll alltid en JPEG-fallback för äldre klienter.
Servera rätt storlek
srcset och sizes gör att mobilen aldrig laddar en 2 000 px bred bild för en 390 px yta.
Prioritera hjältebilden
fetchpriority=high och eager på första bilden, lazy och decoding=async på resten.
Sätt alltid width och height
Utan dimensioner får du layoutförskjutning, och CLS straffar hela sidan.
Vanliga frågor
- Vilket bildformat är snabbast?
- AVIF ger oftast minst filstorlek vid samma upplevda kvalitet, med WebP som bred fallback.