Interaction to Next Paint (INP) er tiden fra en brugerinteraktion starter, til browseren har vist den næste visuelle opdatering. Klik på en menu, åbning af en kurv og afsendelse af en formular er typiske interaktioner. INP erstattede FID som Core Web Vital i marts 2024, fordi den beskriver den oplevede responsivitet mere dækkende.
Hvad måler INP?
INP omfatter inputforsinkelse, tiden hvor browseren behandler koden, og ventetiden på næste paint. Den ser på interaktioner gennem besøget og vægter normalt de langsomste relevante svar. Derfor kan en side have en hurtig første klikrespons, men stadig en dårlig INP, hvis filtrering, søgning eller checkout hakker senere.
God INP er højst 200 ms ved 75. percentil af rigtige brugerbesøg. 200–500 ms skal forbedres, mens over 500 ms er dårlig. PageSpeed Insights viser CrUX-feltdata, når URL'en har tilstrækkelig trafik; det er den mest relevante vurdering af Core Web Vitals.
Typiske årsager
Browserens hovedtråd kan kun udføre én opgave ad gangen. Lange JavaScript-opgaver fra tema, page builder, WooCommerce, samtykkebanner, chat eller analyse kan derfor holde et klik i kø. Når handleren endelig kører, kan tunge DOM-opdateringer, layoutberegninger eller rendering forlænge ventetiden før brugeren ser resultatet.
Sådan forbedres INP i WordPress
- Profilér en langsom konkret handling i Chrome DevTools; optimér ikke blindt efter en samlet score.
- Fjern plugins og tredjepartstags, som ikke bidrager til siden eller kun behøves på enkelte skabeloner.
- Udskyd ikke-kritisk JavaScript og del meget lange opgaver, så browseren får mulighed for at tegne imellem dem.
- Reducer unødigt stort DOM-træ og gentagne layoutmålinger, særligt i filtrering, sliders og popups.
- Hold formularer og checkout enkle, og vis hurtig feedback mens en langsom netværksopgave kører.
TBT i en laboratorietest kan hjælpe med at finde hovedtrådsblokeringer, men er ikke en erstatning for INP. Sammen med LCP og CLS skal INP testes på de skabeloner og flows, som rigtige besøgende bruger.