Core Web Vitals 2026: INP, LCP och CLS i praktiken

Vad mäter Core Web Vitals i dag?

INP ersatte FID i mars 2026

Interaction to Next Paint blev officiell Core Web Vital den 12 mars 2026 och ersatte First Input Delay. FID mätte bara fördröjningen innan första händelsehanteraren startade, medan INP mäter hela kedjan från användarinteraktion till nästa renderade frame, och rapporterar det värsta värdet per session. Det fångar laggig knappklick, segt formulär och tunga JavaScript-hanterare som FID missade. Källa: web.dev.

Faktarad: Chrome slutade garantera FID i Chrome-verktygen efter 9 september 2026 och utvecklare har sedan dess fått förlita sig på INP.

LCP under 2,5 sekunder: var hittar du tiden?

INP under 200 ms: håll huvudtråden ledig

INP-problem beror nästan alltid på för mycket JavaScript som körs synkront under användarens första klick. Code-splitting per rutt, lazy-loading av komponenter som inte syns i viewport, och flytt av animationer till compositor-tråden via CSS transform i stället för layout-egenskaper är de tre största vinsterna. Långa tasks över 50 ms ska brytas upp med yield-mönster eller flyttas till en web worker. Källa: web.dev.

Faktarad: Branschrapporter under 2026 visar att en stor andel sajter ännu inte klarar INP-tröskeln, framför allt på mobil. Källa: DigitalApplied.

CLS under 0,1: reservera plats för allt

Layoutskift uppstår när element flyttas efter att de renderats. De vanligaste orsakerna är bilder utan width och height, webbfonter som byts in efter sidladdning, och annonser eller banners som injiceras dynamiskt. Lösningarna är odramatiska men måste appliceras konsekvent: sätt alltid width och height på img-taggar, använd font-display: swap med size-adjust, och reservera plats med min-height eller aspect-ratio för dynamiskt innehåll. Källa: Google Search Central.

Faktarad: CLS mäts kumulativt under hela sidsessionen, så ett enda sent skift kan dra ned ett annars stabilt resultat.

Mät i fält, inte bara i labb

Lighthouse och PageSpeed Insights ger ett labbvärde, men det är CrUX-datan i Search Console som avgör om Google ser sidan som godkänd. Använd Lighthouse för att hitta orsaker och Search Console Core Web Vitals-rapport för att verifiera att fixen faktiskt slår igenom i fält. Real User Monitoring via web-vitals-biblioteket i produktion ger snabbast återkoppling efter en deploy. Källa: Google Search Central.

Faktarad: Det tar normalt 28 dagar innan CrUX-fältdata stabiliserats efter en större prestandafix, eftersom datat rullar över en månad.

Verktygskedjan vi använder i kundprojekt

För en strukturerad CWV-fix kombinerar vi tre verktyg. Lighthouse i Chrome DevTools för att hitta lab-problem, PageSpeed Insights för att se både lab och fält parallellt, och Search Console Core Web Vitals-rapporten för att verifiera att fixen syns i Chrome User Experience Report. Tredjepartsbiblioteket web-vitals (16 kB) skickar Real User Monitoring-data till valfri endpoint för snabb återkoppling efter deploy.

Faktarad: Lighthouse simulerar en mid-range Android-mobil med Slow 4G-throttling. Skillnaden mot fältdata på högklass-mobiler kan vara 30-50 procent åt det snabbare hållet, vilket lurar många team att tro de är säkrare än de är.

De fem vanligaste INP-flaskhalsarna 2026

Efter 100+ CWV-audits ser vi samma mönster: (1) tunga consent management-skript som körs synkront vid första klick, (2) e-handel-search som inte är debounced, (3) React-komponenter som re-renderar hela trädet vid input, (4) tredjepartsskript för chat eller A/B-test som blockerar main thread, (5) icke-passiva event-listeners på scroll och touch. Lösningarna är dokumenterade i web.dev INP-guiden och kräver oftast 2-5 dagars arbete för en typisk sajt.

Faktarad: En passive event-listener ({ passive: true }) säger åt webbläsaren att event-handlern inte kommer att kalla preventDefault, vilket låter scrollen ske utan att vänta. Skillnaden är ofta 50-150 ms på INP.

Budget och tidsåtgång för en CWV-fix per sajttyp

Baserat på 100+ audits per år ser vi tydliga mönster. En statisk Next.js-sajt med 10-30 sidor kan typiskt lyftas från 60-procents pass-rate till 90+ procent på 2-5 arbetsdagar genom bildoptimering, font-preload och tredjepartsskript-gating. En WordPress-sajt med samma volym kräver oftare 1-3 veckor eftersom plugin-stacken måste rensas och temat optimeras. En e-handelssajt med 1000+ produktsidor och dynamisk facet-navigation kräver typiskt 4-8 veckor inklusive image-CDN, code-splitting och prestanda-budget per rutt. Källa: web.dev LCP-guide.

Faktarad: Genomsnittligt timpris för CWV-specialist i Sverige 2026 ligger på 1 200-2 200 kr (prisnivå per juni 2026 - verifiera hos leverantör)/h. För en typisk SME-sajt landar totalkostnaden för en helhetsfix på 25 000-90 000 kr (prisnivå per juni 2026 - verifiera hos leverantör) beroende på utgångsläge.

Hur svenska sajter ligger till i fält

Monitoring i produktion: löpande mätning utan att tappa fokus

Vill du gå vidare?

Vi gör en kostnadsfri genomgång av er sajt och föreslår konkreta nästa steg inom webbyrå. Inga säljmöten, ingen bindningstid på första analysen.

Boka kostnadsfri konsultation via kontaktformuläret eller ring direkt på 070-575 10 13. Vi återkommer inom 24 timmar.