Reduce INP to under 200 milliseconds

Interaction to Next Paint measures how quickly the page responds to input, reported at p75. A good value is under 200 ms. Find the slowest interactions in the Performance panel, then split long tasks, defer third-party scripts, reduce hydration cost and trim DOM size.

highIn codeimpact effort

Why this matters

Long tasks block the main thread; break them up and defer the rest.

Get the full breakdown

The extended brief explains when this works, when it does not, and the trade-offs. Join the waitlist and it unlocks for every tip when sign-in opens; MCP access is the paid part.

Join the waitlist

Before you start

  • Field data access
  • Access to JavaScript bundles and third-party tags

How to apply it

  1. Find the worst interactions

    In the Performance panel, record a session with clicks and typing, then open the Interactions track. Sort by duration and note input, processing and presentation delay.

    Check: The three slowest interactions are listed with their phase breakdown.

  2. Break up long tasks and defer scripts

    Move non-urgent work out of event handlers, yield to the main thread between chunks, and load analytics and chat widgets only after interaction or idle time.

    Check: The trace shows no task over 50 ms during the previously slow interaction.

  3. Confirm in the field

    Deploy and compare the p75 INP for the template over four-week windows in the Core Web Vitals report.

    Check: Field p75 INP is 200 milliseconds or less.

Get the prompt for your agent

A ready-to-paste prompt for your agent that implements this tip and verifies the result in your repo.

Join the waitlist

Source: seo-mcp playbook · curated entry · report an error

Framework notes

nextjs-app

Use `next/dynamic` with `ssr: false` for heavy widgets and `next/script` with `strategy="lazyOnload"` for third parties to cut hydration and main-thread work.

sveltekit

Keep hydration islands small and avoid loading stores or large modules in the root `+layout.svelte`; fetch data in `+page.server.ts` instead of the client.

Official references

Let your agent apply this + 161 more tips.

Pre-order — $19