Skip to main content
Comparison

Core Web Vitals vs INP (Interaction to Next Paint): What's the Difference?

By ยท Updated ยท 6 min read

Core Web Vitals and INP: The Core Distinction

Core Web Vitals is a set of three Google-defined metrics that measure real-world user experience: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP). INP is one specific metric within that set. The relationship is straightforward โ€” INP is a member of Core Web Vitals, not a separate competing framework. Treating them as parallel concepts misframes the optimization problem.

INP replaced First Input Delay (FID) as the interactivity metric inside Core Web Vitals in March 2024. FID measured only the delay before the browser began processing the first user interaction. INP measures the full visual response latency โ€” input delay, processing time, and presentation delay โ€” across all interactions during a page session, reporting the worst-case result. That is a fundamentally broader and more demanding measurement.

What Core Web Vitals Measures as a Whole

Core Web Vitals covers three distinct dimensions of page experience. LCP measures how fast the largest visible content element renders, targeting 2.5 seconds or under. CLS measures unexpected layout shifts that disrupt reading or clicking, targeting a score of 0.1 or under. INP measures how quickly a page visually responds to user interactions such as clicks, taps, and keyboard inputs, targeting 200 milliseconds or under. Each metric is collected from real Chrome users via the Chrome User Experience Report (CrUX).

The three metrics are assessed independently. A page can pass LCP and CLS thresholds while failing INP. For ecommerce operators, this matters because a fast-loading product page with a stable layout can still feel broken if tapping 'Add to Cart' triggers a 600ms freeze before the button state changes. Google's Page Experience ranking signals use all three metrics together โ€” failing any single one counts against the overall assessment.

What INP Measures Specifically

INP observes every qualifying interaction a user makes during a visit โ€” every click, tap, and key press โ€” and records the time from when the interaction begins to when the browser paints the next frame showing a visual response. It then surfaces the worst interaction in that session as the page's INP score. This means a single sluggish interaction on a long-session page like a PDP with live inventory checks or a cart with quantity selectors can define the entire score.

The three components INP sums are: input delay (time waiting for the main thread to become available), processing time (JavaScript execution triggered by the event), and presentation delay (time to commit pixels to screen). FID, INP's predecessor, captured only the input delay portion of the first interaction. INP captures all three components across all interactions, which is why INP scores are systematically higher than FID scores for the same pages.

For ecommerce sites specifically, INP is heavily influenced by heavy JavaScript bundles managing cart state, third-party tag firing on click events, and React or similar framework re-renders triggered by user actions. An INP score above 500ms is classified as 'Poor' by Google and indicates the main thread is blocked long enough for users to notice and abandon.

Where Core Web Vitals and INP Overlap vs. Diverge

The overlap is definitional: INP is inside Core Web Vitals, so every INP improvement is simultaneously a Core Web Vitals improvement. There is no scenario where optimizing INP harms Core Web Vitals. The divergence lies in scope and diagnosis. When someone says 'fix Core Web Vitals,' they could be referring to LCP, CLS, or INP problems. When someone says 'fix INP,' the scope is precise โ€” runtime interactivity on the main thread.

LCP and INP often share root causes but require different fixes. A JavaScript bundle that delays LCP by blocking the main thread during page load also raises INP by keeping the main thread busy when users interact. Reducing that bundle improves both metrics. However, layout shift fixes for CLS โ€” such as reserving image dimensions โ€” have no bearing on INP at all. The metrics are independent enough that a focused INP audit is a distinct workstream from a CLS audit.

Core Web Vitals reporting in Google Search Console shows all three metrics in aggregate, with field data segmented by 'Good,' 'Needs Improvement,' and 'Poor.' INP data appears in that same console under the Core Web Vitals report. There is no separate Google Search Console section for INP โ€” it surfaces within the Core Web Vitals umbrella, which reinforces that INP is a component, not a standalone system.

Practical Prioritization for Ecommerce Operators

When auditing a store, check the Core Web Vitals report first to identify which of the three metrics is failing. If INP is the failing metric, the fix path involves profiling long tasks in Chrome DevTools, identifying which event handlers exceed 50ms of processing time, breaking up long JavaScript tasks with yielding patterns, and auditing third-party scripts that fire synchronously on user interactions. If LCP or CLS is the failing metric, INP-specific debugging is not the right starting point.

Stores running heavy product configurators, real-time inventory indicators, or dynamic cart drawers are the highest-risk candidates for INP failures. These features fire complex JavaScript on every user action. The diagnostic question is not 'is Core Web Vitals good?' but 'which specific metric is failing and on which page template?' Cart pages, checkout flows, and search results pages carry the highest INP risk because they contain the most interactive elements and the most third-party script activity.

Set distinct thresholds for each metric in monitoring. Track LCP, CLS, and INP separately in your real-user monitoring tool rather than relying on a single composite score. A composite score obscures which dimension is dragging performance and delays targeted fixes.

Frequently asked questions

Is INP part of Core Web Vitals or separate from it?

INP is one of the three metrics that make up Core Web Vitals. It replaced First Input Delay in March 2024 as the interactivity signal. Core Web Vitals as a whole covers LCP (loading), CLS (visual stability), and INP (interactivity). Treating them as separate frameworks is incorrect โ€” INP is a component within the Core Web Vitals set.

Can a page pass Core Web Vitals but fail INP?

No. INP is a required component of Core Web Vitals. If a page scores 'Poor' or 'Needs Improvement' on INP, it fails the Core Web Vitals assessment regardless of how strong its LCP and CLS scores are. Google evaluates all three metrics, and a failing grade on any single one is reflected in the overall page experience signal.

Why did Google replace FID with INP inside Core Web Vitals?

FID measured only the input delay before processing began, and only for the first user interaction on a page. INP measures input delay plus processing time plus presentation delay across all interactions during a session, reporting the worst result. INP is a more complete and harder-to-game representation of how responsive a page actually feels throughout a user's visit.

What INP score should ecommerce stores target?

Google classifies INP under 200 milliseconds as 'Good,' 200โ€“500ms as 'Needs Improvement,' and above 500ms as 'Poor.' For ecommerce stores where interactions like adding to cart directly affect conversion, targeting under 200ms is the correct threshold. Pages with heavy JavaScript frameworks or multiple third-party tag triggers during click events are the most common sources of INP scores above 200ms.

Does fixing LCP automatically improve INP on an ecommerce store?

Sometimes, but not always. If a long JavaScript task blocks the main thread during page load and causes both a slow LCP and a slow first interaction, reducing that task improves both metrics. However, many INP issues stem from event handler complexity or third-party scripts firing on user clicks โ€” problems that have no connection to LCP. Each metric requires its own targeted diagnosis.

MG
Written by

Matt is the founder of RunOctopus. He built All Angles Creatures from zero to page-1 rankings in reptile feeder insects in under 60 days using exactly this method โ€” turning a hard, entrenched niche into RunOctopus's proof store for programmatic SEO and AI search citation.

Connect on LinkedIn →

See what Otto would build for your store

Free architecture preview. No card required. Five minutes.

Generate Preview →