Core Web Vitals 2026: Så påverkar prestanda din ranking

Core Web Vitals har gått från att vara en mjuk rankingfaktor till att bli avgörande för synlighet i Google. Med 2026 års uppdateringar har Google skärpt kraven ytterligare. I den här guiden går vi igenom exakt vad som mäts, vilka tröskelvärden som gäller, och hur du optimerar din sajt.

De tre Core Web Vitals 2026

• •LCP (Largest Contentful Paint) – Mäter laddningstid. Bör vara under 2.5 sekunder. Mäter hur snabbt det största synliga elementet renderas.
• •INP (Interaction to Next Paint) – Ersatte FID 2024. Mäter responsivitet. Bör vara under 200 millisekunder. Mäter hela interaktionskedjan, inte bara första klicket.
• •CLS (Cumulative Layout Shift) – Mäter visuell stabilitet. Bör vara under 0.1. Mäter hur mycket sidan 'hoppar' medan den laddar.

LCP: Så snabbar du upp laddningen

LCP är ofta det lättaste att förbättra och ger störst effekt. De vanligaste orsakerna till dålig LCP är: tunga bilder utan optimering, render-blockerande JavaScript, långsam serverrespons (TTFB), och CSS som fördröjer rendering.

• •Använd moderna bildformat (WebP/AVIF) och lazy loading för bilder utanför viewport
• •Preloada hero-bilden med <link rel='preload'> för att prioritera den
• •Minimera och deferrera icke-kritisk JavaScript
• •Implementera server-side rendering eller static site generation
• •Använd ett CDN för att minska TTFB globalt
• •Optimera server response time till under 200ms

INP: Responsivitet som rankingfaktor

INP (Interaction to Next Paint) mäter hur snabbt sidan reagerar på användarinteraktioner – klick, knapptryckningar, tangentbordsinput. Till skillnad från gamla FID mäter INP alla interaktioner under hela besöket, inte bara den första. Det innebär att JavaScript-tunga sidor med långsamma event handlers straffas hårdare.

• •Bryt upp långa JavaScript-tasks (över 50ms) med requestIdleCallback eller scheduling API
• •Använd Web Workers för tunga beräkningar
• •Minska main thread-arbete genom att lazy-loada icke-kritiska scripts
• •Undvik layout thrashing – batcha DOM-ändringar
• •Implementera virtualisering för långa listor

CLS: Stoppa layoutskiften

CLS mäter hur mycket sidans layout förändras under laddning. Inget är mer frustrerande än att klicka på en knapp som plötsligt hoppar. De vanligaste bovarna är bilder utan definierade dimensioner, annonser som injiceras dynamiskt, och fonter som laddar sent och ändrar textstorlek.

• •Sätt alltid width och height på bilder och videor
• •Reservera utrymme för dynamiskt innehåll (annonser, embeds) med min-height
• •Använd font-display: optional eller swap med size-adjust för webfonter
• •Undvik att infoga innehåll ovanför befintligt innehåll efter sidladdning

Mätning och övervakning

Mät Core Web Vitals med field data (verkliga användare) via Chrome UX Report och Google Search Console, inte bara lab data via Lighthouse. Field data är det Google faktiskt använder för ranking. Sätt upp kontinuerlig övervakning med web-vitals JavaScript-biblioteket som rapporterar till ditt analysverktyg. Granska Search Console:s Core Web Vitals-rapport veckovis.