Hvad er INP (Interaction to Next Paint)?
INP måler hvor længe siden er om at svare, når nogen klikker. Se grænseværdierne, de tre faser i et klik, og hvad der gør svartiden lang i WordPress.
INP står for Interaction to Next Paint og måler, hvor lang tid der går, fra en besøgende klikker, trykker eller taster, til skærmen viser resultatet. Målingen dækker hele besøget, ikke kun starten, og det er den langsomste interaktion, der tæller. INP blev et af de tre Core Web Vitals den 12. marts 2024, hvor det erstattede First Input Delay.
Sådan måles INP
| Vurdering | INP |
|---|---|
| God | 200 millisekunder eller under |
| Kan forbedres | 200–500 millisekunder |
| Dårlig | Over 500 millisekunder |
INP ser på tre slags handlinger: museklik, tryk på en berøringsskærm og tastetryk. Rulning, hover og zoom tæller ikke med — de håndteres af browseren uden om JavaScript.
På sider med under 50 interaktioner er den rapporterede værdi simpelthen den værste. På sider med flere ses der bort fra én måling for hver 50, så et enkelt uheld ikke ødelægger tallet. Som de øvrige Core Web Vitals gøres INP op på 75. percentil.
De tre faser i et klik
Skal INP forbedres, hjælper det at vide, hvilken af de tre dele der er lang. De måles hver for sig i browserens udviklerværktøjer:
- Ventetid før koden kører. Browseren er optaget af noget andet — typisk JavaScript, der stadig arbejder — og når ikke frem til klikket. Det er her, TBT og INP hænger sammen.
- Selve behandlingen. Den kode, der er knyttet til klikket, kører. En tung filtrering af 800 produkter foregår her.
- Ventetid før tegningen. Koden er færdig, men browseren skal stadig regne layoutet ud og tegne næste billede.
Hvad gør INP dårlig i WordPress
Mit indtryk fra de sider, jeg tester, er, at INP næsten altid er et JavaScript-problem — og næsten altid et plugin-problem.
- For mange plugins der lytter med. Hvert plugin, der binder sig til klik på hele siden, lægger arbejde oven i hvert eneste klik.
- Tredjepartsscripts. Chatbokse, heatmaps og sporingspixels kører på samme tråd som resten. Se render-blocking for den beslægtede udgave af problemet.
- Webshops. Variationsvælgere, filtre og “læg i kurv” uden sideskift er præcis den slags interaktioner, INP måler. Derfor rammer det WooCommerce hårdere end en almindelig firmaside.
- Sidebyggere. Elementors og Divis egne scripts kører ved hver interaktion, også på sider, hvor der ikke sker noget.
Det er værd at bemærke, at INP er det eneste Core Web Vital, du ikke kan se i en almindelig laboratoriemåling. Der er ingen til at klikke. Vil du kende dit tal, skal du bruge feltdata fra rigtige besøgende.
Ofte stillede spørgsmål
Hvad er en god INP?
200 millisekunder eller derunder på 75. percentil. Over 500 millisekunder er dårligt, og der begynder folk at klikke to gange, fordi de tror, det første klik ikke virkede.
Hvad er forskellen på INP og FID?
FID målte kun ventetiden før koden kørte, og kun ved den allerførste interaktion. INP måler hele vejen til skærmen viser noget, og på alle interaktioner i besøget. Det er langt sværere at score godt på, og langt tættere på det, brugeren mærker.
Hvorfor kan jeg ikke se INP i min hastighedstest?
Fordi et testværktøj henter siden og måler den — det klikker ikke. INP kommer fra rigtige besøg, og det er derfor, det står i feltdelen af PageSpeed Insights og ikke i laboratoriedelen.