Core Web Vitals

INP optimization playbook (2026): improve interaction speed without a rewrite

INP is now one of the clearest user-experience signals for modern sites. If pages look fast but feel slow when users tap, open menus, or submit forms, INP is often the issue.

Start with the worst interaction, not the average

Users remember lag spikes, not median speed. Identify the slowest interactions first: nav open, filter click, search submit, consent banners, and ad-heavy sections.

Cut long tasks on the main thread

Break up heavy JavaScript work into smaller chunks. Defer non-critical work, avoid large synchronous loops, and reduce event handlers doing too much logic.

Audit third-party scripts ruthlessly

Ad and analytics scripts can block responsiveness when overused. Keep only scripts that are measurable contributors to business outcomes.

Improve handler design

• Keep click handlers minimal and side-effect safe.
• Move expensive work after paint where possible.
• Avoid forcing layout repeatedly inside handlers.
• Use lightweight UI state updates for instant feedback.

Prioritize by page templates

Fix templates with the highest traffic and ad demand first: homepage, top resource pages, and calculator templates. Template wins scale across many URLs.

Practical target

Aim for INP under 200ms on core templates. If you can only fix one thing this week, remove one heavy script from above-the-fold interactions and measure the delta.

Next step: use this with your Core Web Vitals guide and run a technical scan on your highest-traffic page.