Hastighet
Core Web Vitals Optimering
Core Web Vitals är Googles mätvärden för användarupplevelse. Så når du gröna siffror.
Publicerad 9 min läsning
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
Webb och konvertering
Läs vidare
Tjänster
Vill ni att vi gör det åt er?
Vi gör jobbet och allt vi bygger står i ert namn, från domänen till kontona och datan.