Click Below to Get the Code

Browse, clone, and build from real-world templates powered by Harper.
Blog
GitHub Logo

INP Is the New SEO North Star: How to Optimize for Google’s Most Important Metric

Google's March 2024 rollout of Interaction to Next Paint (INP) as a Core Web Vitals metric marks a new chapter in SEO, emphasizing real-world interactivity over traditional speed signals. INP captures the full lifecycle of a user’s interaction, making responsiveness a key driver of search rankings, user experience, and conversion rates. SEO teams that optimize for INP—especially on mobile—gain a measurable advantage in performance, engagement, and business impact.
Blog

INP Is the New SEO North Star: How to Optimize for Google’s Most Important Metric

Martin Spiek
SEO Subject Matter Expert
at Harper
July 24, 2025
Martin Spiek
SEO Subject Matter Expert
at Harper
July 24, 2025
Martin Spiek
SEO Subject Matter Expert
at Harper
July 24, 2025
July 24, 2025
Google's March 2024 rollout of Interaction to Next Paint (INP) as a Core Web Vitals metric marks a new chapter in SEO, emphasizing real-world interactivity over traditional speed signals. INP captures the full lifecycle of a user’s interaction, making responsiveness a key driver of search rankings, user experience, and conversion rates. SEO teams that optimize for INP—especially on mobile—gain a measurable advantage in performance, engagement, and business impact.
Martin Spiek
SEO Subject Matter Expert

For years, search engine optimization has revolved around keywords, backlinks, and site structure. With the introduction of Interaction to Next Paint (INP) as the official Core Web Vitals metric for responsiveness in March 2024, Google redefined the priorities for performance-based SEO. INP centers the conversation around how responsive a website feels during real-world user interactions—on actual devices, under real-world conditions.

This update reflects a new era in SEO, one that values interactivity and seamless engagement just as much as traditional technical fundamentals. For SEO professionals who want to stay competitive, understanding and optimizing for INP is a direct path to higher rankings, better UX, and more conversions.

Why Google Made INP the New Standard

INP captures the full lifecycle of a user’s interaction, starting from the moment they click or tap to the moment the screen visibly responds. It accounts for input delay, processing time, and the subsequent visual update. By measuring the slowest interaction in a page session, INP provides a comprehensive view of responsiveness.

Earlier metrics like First Input Delay (FID) provided a starting point for measuring input responsiveness, but INP delivers a broader, more representative metric that reflects the reality of multi-step user engagement. Based on data from the Chrome UX Report, INP provides a stronger correlation with user frustration and bounce behavior.

To meet Google’s benchmark for performance, pages should aim for an INP of less than 200 milliseconds. Scores between 200 and 500 ms fall into the “needs improvement” category, while anything over 500 ms is considered poor. According to recent data from SpeedCurve, 96.8% of desktop sites meet Google’s “good” INP threshold (≤ 200 ms), while only 64.9% of mobile sites do—highlighting the ongoing challenge of mobile responsiveness in real-world conditions.

What Drives INP and Why It Matters

A strong INP score comes from a site that is built to handle interactions gracefully, even under strain. That includes using lightweight JavaScript, minimizing layout shifts, serving assets efficiently, and responding quickly to taps and clicks. Pages with optimized event handlers, thoughtful rendering strategies, and responsive design patterns naturally achieve lower INP scores.

Many modern sites rely on heavy frameworks, large DOMs, and multiple third-party scripts, which can cause performance slowdowns. Layout recalculations, delayed API responses, or oversized assets often contribute to lag in responsiveness. A holistic view of the stack—front end and back end together—reveals how these components work in unison to shape the user experience.

INP emphasizes how performance is felt rather than how it is measured synthetically. Real-user monitoring (RUM) tools such as New Relic, Datadog, or SpeedCurve provide accurate INP insights across devices and geographies. For custom implementations, the web-vitals.js library lets teams collect INP metrics directly within analytics platforms.

Why INP Drives Results Across SEO and Business Metrics

When redBus improved its INP by 72%, it saw a 7 % lift in sales, according to its official web.dev case study; similarly, The Economic Times cut its INP nearly fourfold—helping drive a 50 % decrease in bounce rate and a 43 % increase in pageviews, as detailed in its web.dev INP report.

Responsiveness plays a central role in SEO today. Visitors who experience fast, smooth interactions are more likely to continue navigating, engage longer, and convert more often. Google recognizes this behavior, which is why INP increasingly influences search rankings. A high-performing INP score demonstrates not only technical excellence but also deep alignment with user expectations.

How to Optimize INP Effectively

The best path to improving INP starts with understanding where responsiveness lags. Field data often points to specific trouble spots—such as a laggy search field, a delayed navigation drawer, or a complex form. Addressing these touchpoints with performance-first practices drives significant improvements.

Refactoring long JavaScript tasks into smaller, asynchronous chunks helps keep the main thread available for high-priority interactions. Frameworks like Vue and React Library offer features like lazy loading, code splitting, and suspense, which can be used to prioritize interactivity. Using browser APIs like requestIdleCallback or requestAnimationFrame ensures that updates are timed appropriately.

Image optimization also contributes to INP performance. Switching from legacy formats to AVIF or WebP reduces payload size and visual rendering time. Combining this with responsive loading ensures that users get the right asset for their device and screen.

For teams using commercial platforms like Salesforce Commerce, Shopify, Magento, or BigCommerce, platform optimization is equally important. Removing unused apps, limiting external libraries, and refining the presentation layer all contribute to leaner, faster interactions. Focusing development resources on actual customer journeys—rather than the platform’s default code—ensures that the site is tailored to deliver peak performance.

Content delivery also plays a vital role. A well-configured CDN ensures that site assets are available close to the user, reducing latency and improving INP. Distributed architectures that replicate data and rendering workloads across global edge locations can enhance responsiveness by minimizing distance and delay.

What INP Signals About the Future of SEO

INP reflects a deeper shift in how SEO is evaluated. With growing emphasis on user experience, and as AI-assisted discovery tools like ChatGPT and Perplexity rise in prominence, responsiveness becomes an essential signal for both humans and machines. Sites that prioritize INP are not only better suited for search engines but also more likely to be recommended by AI systems curating high-quality content.

Many top-ranking sites still display INP scores in the “needs improvement” or “poor” range, especially on mobile devices. This presents a competitive advantage for agile teams willing to embrace performance as a core part of their SEO strategy. By making INP a key performance indicator, businesses can stay ahead of evolving ranking factors and deliver better outcomes for their users.

SEO now rewards sites that feel fast—not just those that load fast. Prioritizing INP gives digital teams a measurable, user-focused target that aligns with business impact and future-proofs their visibility.

Making every interaction count is the foundation of modern search performance. INP shows you exactly where to begin.

For years, search engine optimization has revolved around keywords, backlinks, and site structure. With the introduction of Interaction to Next Paint (INP) as the official Core Web Vitals metric for responsiveness in March 2024, Google redefined the priorities for performance-based SEO. INP centers the conversation around how responsive a website feels during real-world user interactions—on actual devices, under real-world conditions.

This update reflects a new era in SEO, one that values interactivity and seamless engagement just as much as traditional technical fundamentals. For SEO professionals who want to stay competitive, understanding and optimizing for INP is a direct path to higher rankings, better UX, and more conversions.

Why Google Made INP the New Standard

INP captures the full lifecycle of a user’s interaction, starting from the moment they click or tap to the moment the screen visibly responds. It accounts for input delay, processing time, and the subsequent visual update. By measuring the slowest interaction in a page session, INP provides a comprehensive view of responsiveness.

Earlier metrics like First Input Delay (FID) provided a starting point for measuring input responsiveness, but INP delivers a broader, more representative metric that reflects the reality of multi-step user engagement. Based on data from the Chrome UX Report, INP provides a stronger correlation with user frustration and bounce behavior.

To meet Google’s benchmark for performance, pages should aim for an INP of less than 200 milliseconds. Scores between 200 and 500 ms fall into the “needs improvement” category, while anything over 500 ms is considered poor. According to recent data from SpeedCurve, 96.8% of desktop sites meet Google’s “good” INP threshold (≤ 200 ms), while only 64.9% of mobile sites do—highlighting the ongoing challenge of mobile responsiveness in real-world conditions.

What Drives INP and Why It Matters

A strong INP score comes from a site that is built to handle interactions gracefully, even under strain. That includes using lightweight JavaScript, minimizing layout shifts, serving assets efficiently, and responding quickly to taps and clicks. Pages with optimized event handlers, thoughtful rendering strategies, and responsive design patterns naturally achieve lower INP scores.

Many modern sites rely on heavy frameworks, large DOMs, and multiple third-party scripts, which can cause performance slowdowns. Layout recalculations, delayed API responses, or oversized assets often contribute to lag in responsiveness. A holistic view of the stack—front end and back end together—reveals how these components work in unison to shape the user experience.

INP emphasizes how performance is felt rather than how it is measured synthetically. Real-user monitoring (RUM) tools such as New Relic, Datadog, or SpeedCurve provide accurate INP insights across devices and geographies. For custom implementations, the web-vitals.js library lets teams collect INP metrics directly within analytics platforms.

Why INP Drives Results Across SEO and Business Metrics

When redBus improved its INP by 72%, it saw a 7 % lift in sales, according to its official web.dev case study; similarly, The Economic Times cut its INP nearly fourfold—helping drive a 50 % decrease in bounce rate and a 43 % increase in pageviews, as detailed in its web.dev INP report.

Responsiveness plays a central role in SEO today. Visitors who experience fast, smooth interactions are more likely to continue navigating, engage longer, and convert more often. Google recognizes this behavior, which is why INP increasingly influences search rankings. A high-performing INP score demonstrates not only technical excellence but also deep alignment with user expectations.

How to Optimize INP Effectively

The best path to improving INP starts with understanding where responsiveness lags. Field data often points to specific trouble spots—such as a laggy search field, a delayed navigation drawer, or a complex form. Addressing these touchpoints with performance-first practices drives significant improvements.

Refactoring long JavaScript tasks into smaller, asynchronous chunks helps keep the main thread available for high-priority interactions. Frameworks like Vue and React Library offer features like lazy loading, code splitting, and suspense, which can be used to prioritize interactivity. Using browser APIs like requestIdleCallback or requestAnimationFrame ensures that updates are timed appropriately.

Image optimization also contributes to INP performance. Switching from legacy formats to AVIF or WebP reduces payload size and visual rendering time. Combining this with responsive loading ensures that users get the right asset for their device and screen.

For teams using commercial platforms like Salesforce Commerce, Shopify, Magento, or BigCommerce, platform optimization is equally important. Removing unused apps, limiting external libraries, and refining the presentation layer all contribute to leaner, faster interactions. Focusing development resources on actual customer journeys—rather than the platform’s default code—ensures that the site is tailored to deliver peak performance.

Content delivery also plays a vital role. A well-configured CDN ensures that site assets are available close to the user, reducing latency and improving INP. Distributed architectures that replicate data and rendering workloads across global edge locations can enhance responsiveness by minimizing distance and delay.

What INP Signals About the Future of SEO

INP reflects a deeper shift in how SEO is evaluated. With growing emphasis on user experience, and as AI-assisted discovery tools like ChatGPT and Perplexity rise in prominence, responsiveness becomes an essential signal for both humans and machines. Sites that prioritize INP are not only better suited for search engines but also more likely to be recommended by AI systems curating high-quality content.

Many top-ranking sites still display INP scores in the “needs improvement” or “poor” range, especially on mobile devices. This presents a competitive advantage for agile teams willing to embrace performance as a core part of their SEO strategy. By making INP a key performance indicator, businesses can stay ahead of evolving ranking factors and deliver better outcomes for their users.

SEO now rewards sites that feel fast—not just those that load fast. Prioritizing INP gives digital teams a measurable, user-focused target that aligns with business impact and future-proofs their visibility.

Making every interaction count is the foundation of modern search performance. INP shows you exactly where to begin.

Google's March 2024 rollout of Interaction to Next Paint (INP) as a Core Web Vitals metric marks a new chapter in SEO, emphasizing real-world interactivity over traditional speed signals. INP captures the full lifecycle of a user’s interaction, making responsiveness a key driver of search rankings, user experience, and conversion rates. SEO teams that optimize for INP—especially on mobile—gain a measurable advantage in performance, engagement, and business impact.

Download

White arrow pointing right
Google's March 2024 rollout of Interaction to Next Paint (INP) as a Core Web Vitals metric marks a new chapter in SEO, emphasizing real-world interactivity over traditional speed signals. INP captures the full lifecycle of a user’s interaction, making responsiveness a key driver of search rankings, user experience, and conversion rates. SEO teams that optimize for INP—especially on mobile—gain a measurable advantage in performance, engagement, and business impact.

Download

White arrow pointing right
Google's March 2024 rollout of Interaction to Next Paint (INP) as a Core Web Vitals metric marks a new chapter in SEO, emphasizing real-world interactivity over traditional speed signals. INP captures the full lifecycle of a user’s interaction, making responsiveness a key driver of search rankings, user experience, and conversion rates. SEO teams that optimize for INP—especially on mobile—gain a measurable advantage in performance, engagement, and business impact.

Download

White arrow pointing right

Explore Recent Resources

Blog
GitHub Logo

How a Shopify Custom Tie Shop Exposes a Common Flaw in Agent Architecture

Explore how a Shopify-based custom tie shop reveals a critical flaw in one LLM agent design strategy, and why context-first architectures with unified runtimes deliver faster, more accurate, and scalable customer support automation.
Blog
Explore how a Shopify-based custom tie shop reveals a critical flaw in one LLM agent design strategy, and why context-first architectures with unified runtimes deliver faster, more accurate, and scalable customer support automation.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM & Marketing
Blog

How a Shopify Custom Tie Shop Exposes a Common Flaw in Agent Architecture

Explore how a Shopify-based custom tie shop reveals a critical flaw in one LLM agent design strategy, and why context-first architectures with unified runtimes deliver faster, more accurate, and scalable customer support automation.
Aleks Haugom
Apr 2026
Blog

How a Shopify Custom Tie Shop Exposes a Common Flaw in Agent Architecture

Explore how a Shopify-based custom tie shop reveals a critical flaw in one LLM agent design strategy, and why context-first architectures with unified runtimes deliver faster, more accurate, and scalable customer support automation.
Aleks Haugom
Blog

How a Shopify Custom Tie Shop Exposes a Common Flaw in Agent Architecture

Explore how a Shopify-based custom tie shop reveals a critical flaw in one LLM agent design strategy, and why context-first architectures with unified runtimes deliver faster, more accurate, and scalable customer support automation.
Aleks Haugom
Blog
GitHub Logo

Nobody Wants to Pick a Data Center (And They Shouldn't Have To)

Harper Fabric simplifies cloud deployment by eliminating the need to choose data centers, automating infrastructure, scaling, and global distribution. Built for Harper’s unified runtime, it enables developers to deploy high-performance, distributed applications quickly without managing complex cloud configurations or infrastructure overhead.
Blog
Harper Fabric simplifies cloud deployment by eliminating the need to choose data centers, automating infrastructure, scaling, and global distribution. Built for Harper’s unified runtime, it enables developers to deploy high-performance, distributed applications quickly without managing complex cloud configurations or infrastructure overhead.
Headshot of a smiling woman with shoulder-length dark hair wearing a black sweater with white stripes and a gold pendant necklace, standing outdoors with blurred trees and mountains in the background.
Bari Jay
Senior Director of Product Management
Blog

Nobody Wants to Pick a Data Center (And They Shouldn't Have To)

Harper Fabric simplifies cloud deployment by eliminating the need to choose data centers, automating infrastructure, scaling, and global distribution. Built for Harper’s unified runtime, it enables developers to deploy high-performance, distributed applications quickly without managing complex cloud configurations or infrastructure overhead.
Bari Jay
Apr 2026
Blog

Nobody Wants to Pick a Data Center (And They Shouldn't Have To)

Harper Fabric simplifies cloud deployment by eliminating the need to choose data centers, automating infrastructure, scaling, and global distribution. Built for Harper’s unified runtime, it enables developers to deploy high-performance, distributed applications quickly without managing complex cloud configurations or infrastructure overhead.
Bari Jay
Blog

Nobody Wants to Pick a Data Center (And They Shouldn't Have To)

Harper Fabric simplifies cloud deployment by eliminating the need to choose data centers, automating infrastructure, scaling, and global distribution. Built for Harper’s unified runtime, it enables developers to deploy high-performance, distributed applications quickly without managing complex cloud configurations or infrastructure overhead.
Bari Jay
Blog
GitHub Logo

New RocksDB Binding for Node.js

rocksdb-js is a modern Node.js binding for RocksDB, offering full transaction support, lazy range queries, and a TypeScript API. Built for performance and scalability, it enables reliable write-heavy workloads, real-time replication, and high-concurrency applications in Harper 5.0 and beyond.
Blog
rocksdb-js is a modern Node.js binding for RocksDB, offering full transaction support, lazy range queries, and a TypeScript API. Built for performance and scalability, it enables reliable write-heavy workloads, real-time replication, and high-concurrency applications in Harper 5.0 and beyond.
Person with short hair and rectangular glasses wearing a plaid shirt over a dark T‑shirt, smiling broadly with a blurred outdoor background of trees and hills.
Chris Barber
Staff Software Engineer
Blog

New RocksDB Binding for Node.js

rocksdb-js is a modern Node.js binding for RocksDB, offering full transaction support, lazy range queries, and a TypeScript API. Built for performance and scalability, it enables reliable write-heavy workloads, real-time replication, and high-concurrency applications in Harper 5.0 and beyond.
Chris Barber
Apr 2026
Blog

New RocksDB Binding for Node.js

rocksdb-js is a modern Node.js binding for RocksDB, offering full transaction support, lazy range queries, and a TypeScript API. Built for performance and scalability, it enables reliable write-heavy workloads, real-time replication, and high-concurrency applications in Harper 5.0 and beyond.
Chris Barber
Blog

New RocksDB Binding for Node.js

rocksdb-js is a modern Node.js binding for RocksDB, offering full transaction support, lazy range queries, and a TypeScript API. Built for performance and scalability, it enables reliable write-heavy workloads, real-time replication, and high-concurrency applications in Harper 5.0 and beyond.
Chris Barber
Blog
GitHub Logo

Open Sourcing Harper

Harper is now open source, with its core platform released under Apache 2.0 and enterprise features source-available. This shift builds trust, enables community contributions, and positions Harper as a unified, transparent platform for developers and AI-driven applications.
Blog
Harper is now open source, with its core platform released under Apache 2.0 and enterprise features source-available. This shift builds trust, enables community contributions, and positions Harper as a unified, transparent platform for developers and AI-driven applications.
Person with shoulder‑length curly brown hair and light beard wearing a gray long‑sleeve shirt, smiling outdoors with trees and greenery in the background.
Ethan Arrowood
Senior Software Engineer
Blog

Open Sourcing Harper

Harper is now open source, with its core platform released under Apache 2.0 and enterprise features source-available. This shift builds trust, enables community contributions, and positions Harper as a unified, transparent platform for developers and AI-driven applications.
Ethan Arrowood
Apr 2026
Blog

Open Sourcing Harper

Harper is now open source, with its core platform released under Apache 2.0 and enterprise features source-available. This shift builds trust, enables community contributions, and positions Harper as a unified, transparent platform for developers and AI-driven applications.
Ethan Arrowood
Blog

Open Sourcing Harper

Harper is now open source, with its core platform released under Apache 2.0 and enterprise features source-available. This shift builds trust, enables community contributions, and positions Harper as a unified, transparent platform for developers and AI-driven applications.
Ethan Arrowood
Blog
GitHub Logo

The Resource API in Harper v5: HTTP Done Right

Harper v5's Resource API maps JavaScript class methods directly to HTTP verbs, eliminating routing and translation layers. Tables extend the same Resource class, unifying HTTP handling and data access into one interface. Key v5 additions include pre-parsed RequestTarget objects, Response-aware source caching with stale-while-revalidate support, and async context tracking via getContext().
Product Update
Blog
Harper v5's Resource API maps JavaScript class methods directly to HTTP verbs, eliminating routing and translation layers. Tables extend the same Resource class, unifying HTTP handling and data access into one interface. Key v5 additions include pre-parsed RequestTarget objects, Response-aware source caching with stale-while-revalidate support, and async context tracking via getContext().
Person with very short blonde hair wearing a light gray button‑up shirt, standing with arms crossed and smiling outdoors with foliage behind.
Kris Zyp
SVP of Engineering
Blog

The Resource API in Harper v5: HTTP Done Right

Harper v5's Resource API maps JavaScript class methods directly to HTTP verbs, eliminating routing and translation layers. Tables extend the same Resource class, unifying HTTP handling and data access into one interface. Key v5 additions include pre-parsed RequestTarget objects, Response-aware source caching with stale-while-revalidate support, and async context tracking via getContext().
Kris Zyp
Apr 2026
Blog

The Resource API in Harper v5: HTTP Done Right

Harper v5's Resource API maps JavaScript class methods directly to HTTP verbs, eliminating routing and translation layers. Tables extend the same Resource class, unifying HTTP handling and data access into one interface. Key v5 additions include pre-parsed RequestTarget objects, Response-aware source caching with stale-while-revalidate support, and async context tracking via getContext().
Kris Zyp
Blog

The Resource API in Harper v5: HTTP Done Right

Harper v5's Resource API maps JavaScript class methods directly to HTTP verbs, eliminating routing and translation layers. Tables extend the same Resource class, unifying HTTP handling and data access into one interface. Key v5 additions include pre-parsed RequestTarget objects, Response-aware source caching with stale-while-revalidate support, and async context tracking via getContext().
Kris Zyp
News
GitHub Logo

Harper 5.0 Is Here: Open Source, RocksDB, and a Runtime Built for the Agentic Era

Harper 5.0 launches with a fully open-source core under Apache 2.0, RocksDB as a native storage engine alongside LMDB, and source-available Harper Pro. This release delivers a unified runtime purpose-built for agentic engineering, from prototype to production.
Product Update
News
Harper 5.0 launches with a fully open-source core under Apache 2.0, RocksDB as a native storage engine alongside LMDB, and source-available Harper Pro. This release delivers a unified runtime purpose-built for agentic engineering, from prototype to production.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM & Marketing
News

Harper 5.0 Is Here: Open Source, RocksDB, and a Runtime Built for the Agentic Era

Harper 5.0 launches with a fully open-source core under Apache 2.0, RocksDB as a native storage engine alongside LMDB, and source-available Harper Pro. This release delivers a unified runtime purpose-built for agentic engineering, from prototype to production.
Aleks Haugom
Apr 2026
News

Harper 5.0 Is Here: Open Source, RocksDB, and a Runtime Built for the Agentic Era

Harper 5.0 launches with a fully open-source core under Apache 2.0, RocksDB as a native storage engine alongside LMDB, and source-available Harper Pro. This release delivers a unified runtime purpose-built for agentic engineering, from prototype to production.
Aleks Haugom
News

Harper 5.0 Is Here: Open Source, RocksDB, and a Runtime Built for the Agentic Era

Harper 5.0 launches with a fully open-source core under Apache 2.0, RocksDB as a native storage engine alongside LMDB, and source-available Harper Pro. This release delivers a unified runtime purpose-built for agentic engineering, from prototype to production.
Aleks Haugom