Emner / inp
INP (Interaction to Next Paint) erstatter i praksis FID som mål for, hvor responsiv siden føles når brugeren klikker, taster eller trykker. Den måler ikke kun første input, men et samlet billede af interaktioner - derfor rammer den ofte problemer som tunge event handlers, for meget JavaScript på main thread og tredjeparts scripts der kører samtidig med brugerhandlinger.
På denne emneside finder du indhold der forklarer forskellen på FID og INP, og guides der viser hvordan du finder long tasks, reducerer bundles og udskyder ikke-kritisk kode. Du lærer også at bruge DevTools Performance som et konkret værktøj frem for at gætte ud fra en enkelt Lighthouse-kørsel.
INP er ofte sværere at “score” i lab end LCP, fordi dine rigtige brugerflows (menu, filter, kurv) varierer. Derfor understreger vi feltdata og realistisk test på mobil. Artiklerne her binder teknisk dybde sammen med prioritering: hvad giver mest effekt først, når du ikke kan omskrive hele frontenden på én gang.
Supplér med emner som JavaScript og performance for at se hele paletten af årsager. Mange sites vinder mest på at skære tredjepart ned og splitte kode, før de optimerer mikrodetaljer i animationer eller state management.
En sidste pointe: interaktioner der føles langsomme er ofte summen af mange små beslutninger - for mange event listeners, for store DOM-opdateringer, eller tunge tredjeparts pixels der kører midt i et klik. Søg efter den største enkeltårsag i trace’en før du mikrooptimerer.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet - seneste guide i emnet
- Hvordan tredjeparts scripts gør din hjemmeside langsom - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Guide
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Guide
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Guide
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Guide
Forbedr INP ved at reducere JavaScript og lange tasks
Få bedre interaktivitet ved at trimme JavaScript, splitte bundles og fjerne lange tasks, der gør siden langsom at bruge.
Blogindlæg
Blog
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
Blog
Cookie banner og Core Web Vitals
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
Blog
INP vs FID
Lær hvorfor INP har erstattet FID, hvad forskellen betyder i praksis, og hvordan du finder og løser JavaScript-problemer, der gør siden tung at bruge.
Blog
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.