Skip to main content
Glossary

INP (Interaction to Next Paint)

By · Updated
Quick definition

INP (Interaction to Next Paint) is a Core Web Vitals metric that measures the longest delay between any user interaction—click, tap, or keypress—and the next visible update on screen. Google considers a score under 200ms good, 200–500ms needs improvement, and above 500ms poor.

INP (Interaction to Next Paint) in plain English

INP measures how quickly a webpage visually responds to user input. Every click, tap, and keystroke on a page is tracked, and INP reports the worst-performing interaction from the entire visit. For example, when a shopper clicks 'Add to Cart' and the button appears frozen for 400ms before anything changes, that delay is recorded as a candidate for the page's INP score.

Mechanically, INP captures the time from the moment an input event is received to the moment the browser completes the next paint that reflects a response to that input. This window encompasses three phases: input delay (time before the browser begins processing the event), processing time (time to run the associated JavaScript handlers), and presentation delay (time for the browser to render and paint the updated frame). A high INP score signals that at least one of these phases is consuming excessive time, typically due to long JavaScript tasks blocking the main thread.

A store with a well-optimized INP score delivers immediate visual feedback on every interaction—filter selections update the product grid instantly, quantity steppers respond on the first tap, and checkout form fields register keystrokes without lag. A store with a poor INP score exhibits the opposite: users click buttons that appear unresponsive, double-tap because nothing happened, or abandon the interaction entirely. The difference is not subtle to shoppers, even when they cannot name the technical cause.

Google's thresholds for INP are 200ms or under (good), 201–500ms (needs improvement), and above 500ms (poor). On ecommerce pages, the interactions most likely to inflate INP are faceted filtering, cart drawer animations, and address autocomplete fields—all JavaScript-heavy interactions that fire on high-traffic, high-intent pages. Ecommerce operators measuring INP in field data via Chrome User Experience Report (CrUX) see the metric reflect real customer sessions, not synthetic lab conditions, making it a direct signal of actual shopper experience.

Why inp (interaction to next paint) matters for ecommerce

For ecommerce stores, INP is the metric most directly tied to the moment a shopper decides whether to keep engaging or leave. A sluggish 'Add to Cart' button, a filter that freezes the product grid, or a checkout field that lags behind keystrokes all register as high INP. These friction points appear at the highest-intent moments in the purchase funnel. Google also uses Core Web Vitals, including INP, as a ranking signal, meaning a poor score carries both a conversion cost and an organic visibility cost simultaneously.

Deeper dives on this term

Focused pages that go deeper than the definition — comparisons, platform-specific guides, operational walkthroughs.

Compare

INP (Interaction to Next Paint) vs CLS (Cumulative Layout Shift): What's the Difference?

INP measures interaction responsiveness; CLS measures visual stability. Learn how these two Core Web Vitals differ, overlap, and a

Read →
Compare

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

INP vs Core Web Vitals: understand exactly how they differ, how INP fits within the framework, and what each means for ecommerce r

Read →
Compare

INP (Interaction to Next Paint) vs JavaScript SEO: What's the Difference?

INP measures interaction responsiveness; JavaScript SEO governs crawlability. Learn how these distinct disciplines overlap and whe

Read →
Compare

INP (Interaction to Next Paint) vs LCP (Largest Contentful Paint): What's the Difference?

INP vs LCP: understand how these two Core Web Vitals measure different user experiences, when each applies, and how improving one

Read →
Compare

INP (Interaction to Next Paint) vs Mobile-First Indexing: What's the Difference?

INP measures interaction speed; Mobile-First Indexing determines how Google crawls your site. Learn how these two metrics differ a

Read →
Platform

INP (Interaction to Next Paint) for Shopify Stores

INP on Shopify stores: platform-specific causes, Liquid theme constraints, app bloat fixes, and tools to diagnose and improve inte

Read →
Platform

INP (Interaction to Next Paint) for Wix Stores

INP on Wix stores: platform-specific constraints, Wix Speed Dashboard tools, app ecosystem impacts, and concrete workarounds for e

Read →
Platform

INP (Interaction to Next Paint) for WooCommerce Stores

How INP affects WooCommerce stores specifically — from bloated plugin JS to cart drawer delays — and how to diagnose and fix inter

Read →
How-to

How to implement inp (interaction to next paint) for an Ecommerce Store

Step-by-step guide to improving INP for ecommerce stores. Diagnose slow interactions, fix JavaScript bottlenecks, and pass Core We

Read →
Checklist

INP (Interaction to Next Paint) Checklist: 12 Items Every Ecommerce Store Should Audit

A 12-item INP audit checklist for ecommerce stores with clear pass/fail criteria to identify and fix slow interaction responsivene

Read →

Frequently asked questions

What is INP (Interaction to Next Paint)?

INP is a Core Web Vitals metric that measures the worst-case delay between a user's input—click, tap, or keypress—and the next visible change on screen during an entire page visit. It replaced First Input Delay (FID) as Google's primary interactivity metric. A score under 200ms is considered good. It reflects how responsive a page feels to real users across all interactions, not just the first one.

What are the INP score thresholds and what do they mean?

Google defines three INP score ranges: under 200ms is good, 200–500ms needs improvement, and above 500ms is poor. These thresholds apply to the 75th percentile of page loads in field data, meaning at least 75% of a site's visitors must experience a score under 200ms to pass. A single poorly optimized interaction—such as a cart drawer trigger—is enough to push the entire page's INP into a failing range.

How is INP different from FID (First Input Delay)?

FID measured only the delay on a user's very first interaction with a page, and only the input delay phase—not the full time to paint. INP measures every interaction throughout the session and captures the full pipeline from input to next paint. This makes INP a more complete and more demanding metric. A page could pass FID while still delivering slow responses on cart, filter, or checkout interactions that occur later in the session.

How do I improve INP on an ecommerce store?

Improving INP requires reducing the work the browser's main thread performs in response to user input. The primary techniques are breaking long JavaScript tasks into smaller chunks using yielding patterns, deferring non-critical scripts, removing or replacing third-party scripts that block interaction handling, and ensuring event listeners execute minimal synchronous code. On ecommerce sites, faceted filter logic, cart drawer scripts, and analytics event fires are the most common sources of high INP scores and the first places to audit.

Does INP actually affect rankings and conversions, or is it just a technical metric?

INP is a confirmed Google ranking signal as part of Core Web Vitals, which are included in the Page Experience ranking system. Beyond rankings, the metric directly maps to checkout friction: interactions that score poorly are interactions where shoppers experience unresponsive buttons and delayed feedback. High-intent actions—adding to cart, applying filters, entering payment details—are exactly the interactions INP captures. A poor score at those moments measurably increases abandonment risk.

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 →