How to Fix Poor INP (Interaction to Next Paint) on Your Store

errorThe Problem

Your site's INP (Interaction to Next Paint) score is above 200ms, meaning there's a noticeable delay when users click buttons, tap links, or interact with your pages. INP replaced FID as a Core Web Vital in March 2024 — it measures how long it takes for the page to visually respond to ANY user interaction, not just the first one.

trending_upWhy It Matters for SEO

INP is a Core Web Vital and directly affects your Google rankings. Poor INP means your 'Add to Cart' button, variant selectors, and navigation feel sluggish — which frustrates customers and increases bounce rates. The threshold is: Good (under 200ms), Needs Improvement (200-500ms), Poor (over 500ms).

buildHow to Fix It

<!-- Instead of: -->
<script src="https://heavy-app.com/widget.js"></script>

<!-- Use: -->
<script defer src="https://heavy-app.com/widget.js"></script>

<!-- Or load after user interaction: -->
<script>
document.addEventListener('scroll', function loadWidget() {
  var s = document.createElement('script');
  s.src = 'https://heavy-app.com/widget.js';
  document.body.appendChild(s);
  document.removeEventListener('scroll', loadWidget);
}, { once: true });
</script>

Related Fix Guides