INP ersätter FID: vad företag behöver kontrollera på sin webbplats

Kort svar

Den 12 mars 2024 ersatte Interaction to Next Paint, INP, den äldre mätpunkten FID i Core Web Vitals. För företag betyder det att Google och webbutvecklare började titta mer på hur snabbt sidan reagerar när användaren faktiskt klickar, skriver, öppnar en meny eller använder ett formulär.

Det räcker alltså inte att sidan laddar snabbt. Den måste också kännas snabb när någon använder den.

Vad mäter INP?

INP mäter hur lång tid det tar från att användaren gör något på sidan till att nästa visuella respons visas. Det kan handla om:

klick på en knapp
öppning av navigation
val i ett formulär
filtrering av produkter
interaktion med en bokningskalender
checkout-steg i e-handel

FID mätte bara första interaktionen. INP tittar bredare på interaktionerna under besöket. Det gör mätningen mer relevant för riktiga användare.

Varför spelar det roll?

En sida kan ha bra laddtid men ändå kännas trög. Det händer ofta när för mycket JavaScript körs i webbläsaren, när tredjepartsscript blockerar huvudtråden eller när gränssnittet väntar för länge innan det ger respons.

För besökaren spelar orsaken mindre roll. Om knappen inte reagerar känns sajten långsam.

Det påverkar:

användarupplevelse
konvertering
teknisk SEO
annonsresultat
förtroende i mobil trafik

INP är särskilt viktig på sidor där användaren ska göra något, inte bara läsa.

Vanliga problem vi ser

För mycket JavaScript

Många WordPress-sajter, e-handlar och äldre React-lösningar laddar mer JavaScript än sidan behöver. Det kan komma från teman, plugins, tracking, chatverktyg, A/B-testverktyg och animationer.

Varje script verkar litet för sig. Tillsammans kan de göra sidan seg.

Tunga formulär

Formulär är ofta affärskritiska. Ändå är de vanliga källor till dålig INP:

validering som körs för ofta
externa formulärverktyg
många fält och villkor
tung tracking vid submit
dålig feedback efter klick

Om användaren tvekar på om formuläret fungerade har sidan redan tappat förtroende.

Mobilmenyer, megamenyer och filter kan dra ned upplevelsen om de är byggda med onödigt tung logik. Det märks särskilt på billigare mobiler, där prestandaproblem blir tydligare än på utvecklarens MacBook.

Tredjepartsscript

Analytics, annonsering, heatmaps, chattar och samtyckesplattformar kan påverka interaktiviteten. Det betyder inte att de alltid ska tas bort. Men de ska laddas med omdöme.

Vad bör företag kontrollera?

Börja med de viktigaste sidorna:

startsida
tjänstesidor
formulärsidor
produktsidor
checkout
kampanjsidor

Titta sedan på:

om klick ger snabb visuell respons
om formulär känns stabila
om mobilnavigationen öppnas direkt
om filter och sök reagerar snabbt
om samtyckesbanner, chatt eller tracking bromsar sidan

Det räcker inte att mäta en gång i Lighthouse. Använd riktiga fältdata när det går, till exempel Chrome UX Report, PageSpeed Insights och Search Console.

Vad är ett bra INP-värde?

Google anger att INP bör ligga under 200 millisekunder för en bra upplevelse. Mellan 200 och 500 millisekunder behöver förbättras. Över 500 millisekunder är svagt.

Men siffran ska inte läsas isolerat. En sida med många interaktioner behöver testas i verkliga flöden. En e-handel med snabb startsida men trög checkout har fortfarande ett affärsproblem.

Så förbättrar du INP

Några praktiska förbättringar:

minska mängden JavaScript
ta bort plugins och script som inte används
dela upp tung kod
skjuta upp sådant som inte behövs direkt
optimera formulärvalidering
ge snabb visuell feedback vid klick
testa på mobil, inte bara desktop
se över tredjepartsscript

För moderna webbplatser kan teknikvalet också spela stor roll. En statisk eller delvis statisk frontend, till exempel med Astro, kan ofta ge en enklare prestandagrund än en tung pluginbaserad sajt.

Sammanfattning

INP gjorde Core Web Vitals mer relevant för hur människor faktiskt upplever en webbplats. Det räcker inte att sidan laddar snabbt. Den måste reagera snabbt.

För företag är det här inte bara en teknisk SEO-fråga. Det är en fråga om leads, köp, formulär och förtroende.

Vill du förstå hur prestanda påverkar teknikval och budget? Läs vår guide om WordPress vs headless CMS eller vår uppdaterade prisguide: Vad kostar en hemsida 2026?.

Källa: web.dev om INP som Core Web Vital.