FID / INP Checker

Measure Interaction to Next Paint (INP) and First Input Delay (FID) in your browser using PerformanceObserver. Check PageSpeed Insights scores and get tips to improve interaction responsiveness.

Updated

Share:
Home/SEO Tools/FID / INP Checker

FID / INP Checker

Measure Interaction to Next Paint (INP) and First Input Delay (FID) in your browser. Check PageSpeed Insights scores and get tips to improve interaction responsiveness.

Live Browser Measurement

Click "Start Measuring", then interact with this page (click buttons, type in inputs) to record real INP and FID values.

Interaction to Next Paint (INP)
Not measured
No interactions recorded yet
Thresholds: Good <200ms · Needs Improvement 200–500ms · Poor >500ms
First Input Delay (FID)
Not measured
No first input recorded yet
Thresholds: Good <100ms · Needs Improvement 100–300ms · Poor >300ms
Note: FID measures only the very first interaction on page load.

PageSpeed Insights Score Input

Enter scores from PageSpeed Insights to get a rating instantly.

INP vs FID: Key Difference

FID (deprecated) measured only the first interaction. INP measures the worst interaction latency throughout the entire page lifetime and is now a Core Web Vital as of March 2024.

Open PageSpeed Insights

Tips to Improve Interaction Responsiveness

Minimize long tasks on the main thread

Break up JavaScript tasks longer than 50ms using setTimeout, requestIdleCallback, or scheduler.yield() to allow the browser to respond to user inputs.

Optimize event handlers

Avoid heavy computation in click/keydown handlers. Move expensive work off the main thread to Web Workers when possible.

Reduce DOM size

Large DOM trees increase style recalculation and layout time. Aim for fewer than 1,500 DOM nodes for optimal performance.

Defer non-critical JavaScript

Use code splitting and lazy loading to reduce the amount of JS that must be parsed and executed during page load.

Avoid forced synchronous layouts

Reading layout properties (offsetHeight, scrollTop) after writing to the DOM causes layout thrashing. Batch reads and writes separately.

Use CSS transitions instead of JS animations

CSS animations that use transform and opacity can run on the compositor thread and bypass the main thread entirely.

Frequently Asked Questions

What is INP?

INP (Interaction to Next Paint) measures the latency of all interactions on a page throughout its lifetime. It replaced FID as a Core Web Vital in March 2024. Good INP is under 200ms.

What is FID?

FID (First Input Delay) measured only the delay from the first user interaction. It was deprecated in March 2024 and replaced by INP which measures all interactions.

How do I improve INP?

Break up long JavaScript tasks, minimize DOM size, reduce third-party script impact, avoid forced synchronous layouts, and use CSS transitions instead of JS animations.

Is the FID / INP Checker free to use?

Yes, the FID / INP Checker is 100% free with no registration, no hidden fees, and no usage limits. All processing happens locally in your browser, ensuring complete privacy.

Is my data safe with this tool?

Absolutely. The FID / INP Checker processes everything client-side in your browser. No data is uploaded to or stored on any server. Your content remains private on your device at all times.

Does the FID / INP Checker work on mobile devices?

Yes, the FID / INP Checker is fully responsive and works on smartphones and tablets. You can use it on any device with a modern web browser -- no app download required.

Do I need to create an account to use this tool?

No account or registration is needed. Simply open the FID / INP Checker in your browser and start using it immediately. There are no sign-up walls or usage restrictions.

Does this tool follow Google's latest guidelines?

Yes, the FID / INP Checker is built following current Google Search guidelines and best practices. We regularly update the tool to reflect changes in search engine requirements.

Which browsers are supported?

The FID / INP Checker works in all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. For the best experience, use the latest version of your preferred browser.

What is a good INP score, and what counts as a passing number?

Google rates INP (Interaction to Next Paint) in three bands measured in milliseconds: Good is under 200 ms, Needs Improvement is 200 to 500 ms, and Poor is anything above 500 ms. To pass the Core Web Vitals assessment, the 75th percentile of your real users should fall in the Good band, meaning at least three out of four interactions respond in under 200 ms. FID used a more lenient scale because it only measured the first interaction: Good under 100 ms, Needs Improvement 100 to 300 ms, and Poor above 300 ms. Since INP captures the worst interaction across the whole page lifetime, it is harder to pass and a more honest reflection of how responsive a page feels. Paste a value from PageSpeed Insights into this checker to see exactly which band you land in.

Why did INP replace FID as a Core Web Vital?

FID (First Input Delay) only measured the delay before the browser began processing the very first interaction after load, and even then it captured input delay alone, not the time to actually update the screen. That made it easy to pass: the first tap often lands before the main thread gets busy, so many slow pages scored well. INP fixes both blind spots. It observes every click, tap, and keypress for the entire time a page is open, measures the full latency from input to the next visible paint, and reports the worst one. The result reflects sustained responsiveness a real visitor experiences, not a single lucky snapshot. Google made INP an official Core Web Vital in March 2024, retiring FID. This tool still reports FID for legacy comparison while putting INP front and centre, so you can check how a page measures up under the current standard.

Why is the INP my browser measures different from the PageSpeed Insights score?

The two numbers answer different questions. This tool's live measurement attaches a PerformanceObserver to your current tab and records the latency of the interactions you perform right now, on your device, network, and CPU. It reflects exactly one session, which is ideal for sanity-checking a development build or your own machine. PageSpeed Insights, by contrast, reports field data from the Chrome User Experience Report, aggregating real visits over the trailing 28 days at the 75th percentile across many devices and conditions. A fast laptop will often show a better live number than the field data, because slower phones and busy networks drag the real-world figure up. Treat the live reading as a quick diagnostic and the field score as the verdict that affects search. Use both paths in this checker: measure live, then paste the PSI value to rate it.

How can I measure INP on my own page without opening DevTools?

You do not need Chrome DevTools or the web-vitals library to get a real reading. Open this checker, click Start Measuring, then interact with the page exactly as a visitor would: click buttons, type into inputs, and scroll. Behind the scenes it attaches a PerformanceObserver to event and first-input timing entries, records the latency of each interaction, and reports the maximum INP it sees plus the first input's FID. Because it reads standard browser timing data from your own session, nothing is uploaded and the measurement is genuinely live rather than simulated. This is the quickest way to confirm a fix worked before a release reaches real users. For field data representative of all visitors, follow the built-in link to PageSpeed Insights and paste the returned value back into the tool to get an instant rating.

What causes a high INP score, and how do I find the slow interaction?

High INP almost always traces back to the main thread being blocked when a user interacts. The usual culprits are long JavaScript tasks over 50 ms, heavy work running directly inside click or keydown handlers, large DOM trees that make every style and layout recalculation expensive, third-party scripts, forced synchronous layouts, and JavaScript-driven animations that could run on the compositor instead. To find the offender, use this tool's live measurement and interact with each element in turn; the reported maximum INP rises on the interaction that lags, pointing you at the handler to investigate. Common fixes include breaking long tasks up with setTimeout, requestIdleCallback, or scheduler.yield(), keeping the DOM under roughly 1,500 nodes, deferring non-critical scripts, and preferring CSS transitions over JavaScript animation. Measure, apply one change, then re-measure here to confirm the interaction got faster.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/fid-checker" title="FID / INP Checker — The Toolbox" width="100%" height="220" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/seo-tools/fid-checker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free FID / INP Checker</a> by The Toolbox</p>

About the FID / INP Checker

The FID / INP Checker measures how quickly a page responds to user input — the lag between a click, tap, or keypress and the moment the screen visibly updates. It does this two ways: it records real interaction timings live in your browser using the PerformanceObserver API, and it rates Interaction to Next Paint (INP) or First Input Delay (FID) values you paste in from a PageSpeed Insights report. It's built for web developers, SEO specialists, and site owners who need to confirm that a page feels responsive, not just that it loads fast.

Responsiveness is a separate problem from load speed. A page can paint quickly yet still freeze when someone taps a button, because the browser's main thread is busy running JavaScript. INP and FID are the metrics that capture exactly that frustration.

Live measurement vs. manual scoring

The tool gives you two paths, side by side:

  • Live Browser Measurement. Click "Start Measuring," then interact with the page — click, type, scroll. The checker attaches a PerformanceObserver to event and first-input entries, records the latency of each interaction, and reports the worst (maximum) INP it sees along with the first input's FID. This measures this tab in this browser, which makes it ideal for sanity-checking your own device or a development build.
  • PageSpeed Insights Score Input. Paste an INP or FID value in milliseconds from a PSI report and the checker instantly returns a Good / Needs Improvement / Poor rating. Use this when you want field data representative of real visitors rather than a single test on your machine.

A direct link to PageSpeed Insights is included so you can pull those field numbers without leaving the workflow.

Understanding the thresholds

Both metrics measure input latency in milliseconds, but they use different scales because they measure different things:

  • INP (Interaction to Next Paint) — Good is under 200 ms, Needs Improvement is 200–500 ms, and Poor is above 500 ms. INP captures the latency of interactions across the page's whole lifetime and reports the worst one.
  • FID (First Input Delay) — Good is under 100 ms, Needs Improvement is 100–300 ms, and Poor is above 300 ms. FID only ever measured the delay of the very first interaction after load.

INP replaced FID as a Core Web Vital in March 2024. FID was a narrow snapshot — easy to pass because the first interaction often happens before the page is fully busy — while INP reflects the sustained responsiveness a visitor actually experiences. The checker still reports FID for legacy comparison, but INP is the number that matters for current Google Core Web Vitals assessments.

Why interaction responsiveness matters

Slow interactions erode trust. When a tapped button does nothing for 400 ms, people tap again, assume the site is broken, or leave — and because INP is a Core Web Vital, a poor score can also weigh on search visibility. Diagnosing it early, before a release reaches real users, is far cheaper than chasing complaints later.

To help you act on a poor score, the tool lists concrete fixes drawn from the most common causes of input lag, including:

  • Breaking up long JavaScript tasks (anything over 50 ms) with setTimeout, requestIdleCallback, or scheduler.yield().
  • Keeping the DOM lean — fewer than roughly 1,500 nodes — to cut style and layout cost.
  • Moving heavy work out of click and keydown handlers, deferring non-critical JavaScript, avoiding forced synchronous layouts, and preferring compositor-friendly CSS transitions over JavaScript animations.

Private and free to use

The FID / INP Checker runs entirely in your browser. The live measurement reads timing data from your own session through a standard browser API; nothing about your page or interactions is uploaded to or stored on a server. There's no sign-up, no usage limit, and no install — open it in any modern browser, including on a phone, and start measuring. The one external step is optional: clicking through to PageSpeed Insights, which is Google's own service.