Core Web Vitals Optimering
Core Web Vitals är Googles mätvärden för användarupplevelse. Så når du gröna siffror.
LCP – Largest Contentful Paint
Mål: Under 2.5 sekunder
LCP mäter hur lång tid det tar innan det största synliga elementet laddas (ofta en bild eller rubrik).
Så förbättrar du LCP:
- • Optimera och komprimera bilder (WebP/AVIF)
- • Använd preload för kritiska resurser
- • Ta bort render-blockerande JavaScript/CSS
- • Uppgradera server/hosting
- • Implementera CDN
INP – Interaction to Next Paint
Mål: Under 200 millisekunder
INP mäter hur snabbt sidan reagerar på användarinteraktioner (klick, tryck, tangentbord).
Så förbättrar du INP:
- • Minimera och dela upp JavaScript
- • Använd web workers för tunga beräkningar
- • Undvik långa tasks i main thread
- • Debounce/throttle event handlers
- • Optimera tredjepartsskript
CLS – Cumulative Layout Shift
Mål: Under 0.1
CLS mäter visuell stabilitet – hur mycket innehållet hoppar runt när sidan laddas.
Så förbättrar du CLS:
- • Ange alltid width/height på bilder och videos
- • Reservera utrymme för annonser/embeds
- • Ladda fonter med font-display: optional
- • Undvik att injicera innehåll ovanför befintligt
- • Använd transform för animationer
Verktyg för att mäta
- • PageSpeed Insights – Googles officiella verktyg
- • Chrome DevTools – Lighthouse och Performance
- • Google Search Console – Core Web Vitals-rapport
- • web.dev/measure – Detaljerad analys