Comprobador de FID / INP

Mide la Interacción hasta el Siguiente Renderizado (INP) y el First Input Delay (FID) en tu navegador con PerformanceObserver. Consulta las puntuaciones de PageSpeed Insights y obtén consejos para mejorar la capacidad de respuesta.

Actualizado

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.

Preguntas Frecuentes

¿Qué es INP?

INP (Interaction to Next Paint) mide la latencia de todas las interacciones de una página a lo largo de su vida útil. Reemplazó a FID como Core Web Vital en marzo de 2024. Un buen INP es inferior a 200 ms.

¿Qué es FID?

FID (First Input Delay) medía solo el retraso de la primera interacción del usuario. Quedó obsoleto en marzo de 2024 y fue reemplazado por INP, que mide todas las interacciones.

¿Cómo mejoro el INP?

Divide las tareas largas de JavaScript, minimiza el tamaño del DOM, reduce el impacto de los scripts de terceros, evita los reflujos sincrónicos forzados y usa transiciones CSS en lugar de animaciones con JS.

¿El Verificador de FID / INP es gratis?

Sí, el Verificador de FID / INP es 100 % gratis, sin registro, sin tarifas ocultas y sin límites de uso. Todo el procesamiento se realiza localmente en tu navegador, garantizando una privacidad total.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El Verificador de FID / INP procesa todo del lado del cliente, en tu navegador. No se sube ni almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿Funciona el Verificador de FID / INP en dispositivos móviles?

Sí, el Verificador de FID / INP es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Simplemente abre el Verificador de FID / INP en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

¿Esta herramienta sigue las últimas directrices de Google?

Sí, el Verificador de FID / INP está desarrollado siguiendo las directrices y prácticas recomendadas actuales de Google Search. Actualizamos la herramienta con regularidad para reflejar los cambios en los requisitos de los motores de búsqueda.

¿Qué navegadores son compatibles?

El Verificador de FID / INP funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Qué es una buena puntuación de INP y qué se considera un valor aprobatorio?

Google clasifica el INP (Interaction to Next Paint) en tres franjas medidas en milisegundos: Bueno es menos de 200 ms, Necesita mejora es de 200 a 500 ms, y Deficiente es cualquier valor por encima de 500 ms. Para aprobar la evaluación de Core Web Vitals, el percentil 75 de tus usuarios reales debe caer en la franja Buena, es decir, al menos tres de cada cuatro interacciones deben responder en menos de 200 ms. FID usaba una escala más indulgente porque solo medía la primera interacción: Bueno por debajo de 100 ms, Necesita mejora de 100 a 300 ms, y Deficiente por encima de 300 ms. Como INP capta la peor interacción a lo largo de toda la vida de la página, es más difícil de aprobar y refleja con más honestidad cómo se siente de ágil una página. Pega un valor de PageSpeed Insights en este comprobador para ver exactamente en qué franja caes.

¿Por qué sustituyó INP a FID como Core Web Vital?

FID (First Input Delay) solo medía el retraso antes de que el navegador empezara a procesar la primerísima interacción tras la carga, y aun así capturaba solo el retraso de entrada, no el tiempo hasta que la pantalla realmente se actualizaba. Eso hacía que fuera fácil de aprobar: el primer toque suele producirse antes de que el hilo principal se sature, así que muchas páginas lentas obtenían buena puntuación. INP corrige ambos puntos ciegos. Observa cada clic, toque y pulsación de tecla durante todo el tiempo que la página permanece abierta, mide la latencia completa desde la entrada hasta el siguiente pintado visible y reporta la peor de todas. El resultado refleja la capacidad de respuesta sostenida que experimenta un visitante real, no una instantánea afortunada. Google convirtió a INP en un Core Web Vital oficial en marzo de 2024, retirando a FID. Esta herramienta sigue reportando FID para comparación histórica mientras pone a INP en primer plano, para que puedas comprobar cómo se comporta una página según el estándar actual.

¿Por qué el INP que mide mi navegador es distinto de la puntuación de PageSpeed Insights?

Las dos cifras responden a preguntas diferentes. La medición en vivo de esta herramienta engancha un PerformanceObserver a tu pestaña actual y registra la latencia de las interacciones que realizas justo ahora, en tu dispositivo, tu red y tu CPU. Refleja exactamente una sesión, lo cual es ideal para verificar una compilación en desarrollo o tu propia máquina. PageSpeed Insights, en cambio, reporta datos de campo del Chrome User Experience Report, agregando visitas reales de los últimos 28 días en el percentil 75 a través de muchos dispositivos y condiciones. Un portátil rápido suele mostrar una cifra en vivo mejor que los datos de campo, porque los teléfonos más lentos y las redes saturadas elevan la cifra real. Trata la lectura en vivo como un diagnóstico rápido y la puntuación de campo como el veredicto que afecta a la búsqueda. Usa ambas vías en este comprobador: mide en vivo y luego pega el valor de PSI para calificarlo.

¿Cómo puedo medir el INP de mi propia página sin abrir las DevTools?

No necesitas las DevTools de Chrome ni la librería web-vitals para obtener una lectura real. Abre este comprobador, haz clic en Comenzar a medir y luego interactúa con la página exactamente como lo haría un visitante: haz clic en botones, escribe en campos y desplázate. Por detrás, engancha un PerformanceObserver a las entradas de tiempo event y first-input, registra la latencia de cada interacción y reporta el INP máximo que detecta junto con el FID de la primera entrada. Como lee datos de tiempo estándar del navegador desde tu propia sesión, nada se sube y la medición es genuinamente en vivo, no simulada. Es la forma más rápida de confirmar que una corrección funcionó antes de que un lanzamiento llegue a usuarios reales. Para obtener datos de campo representativos de todos los visitantes, sigue el enlace integrado a PageSpeed Insights y pega el valor devuelto de nuevo en la herramienta para obtener una calificación instantánea.

¿Qué causa una puntuación alta de INP y cómo encuentro la interacción lenta?

Un INP alto casi siempre se debe a que el hilo principal está bloqueado cuando un usuario interactúa. Los culpables habituales son las tareas de JavaScript largas de más de 50 ms, trabajo pesado ejecutándose directamente dentro de controladores de clic o de pulsación de tecla, árboles DOM grandes que encarecen cada recálculo de estilo y diseño, scripts de terceros, diseños síncronos forzados y animaciones impulsadas por JavaScript que podrían ejecutarse en el compositor. Para encontrar al responsable, usa la medición en vivo de esta herramienta e interactúa con cada elemento por turnos; el INP máximo reportado sube en la interacción que se retrasa, señalándote el controlador que hay que investigar. Las soluciones habituales incluyen dividir las tareas largas con setTimeout, requestIdleCallback o scheduler.yield(), mantener el DOM por debajo de aproximadamente 1500 nodos, posponer los scripts no críticos y preferir las transiciones CSS sobre la animación con JavaScript. Mide, aplica un cambio y vuelve a medir aquí para confirmar que la interacción se hizo más rápida.

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>

Acerca del comprobador de FID / INP

El comprobador de FID / INP mide con qué rapidez responde una página a la interacción del usuario: el retraso entre un clic, un toque o una pulsación de tecla y el momento en que la pantalla se actualiza visiblemente. Lo hace de dos maneras: registra en vivo los tiempos reales de interacción en tu navegador mediante la API PerformanceObserver, y evalúa los valores de Interaction to Next Paint (INP) o First Input Delay (FID) que pegues desde un informe de PageSpeed Insights. Está pensado para desarrolladores web, especialistas en SEO y propietarios de sitios que necesitan confirmar que una página se siente ágil, no solo que carga rápido.

La capacidad de respuesta es un problema distinto de la velocidad de carga. Una página puede pintarse rápidamente y aun así quedarse congelada cuando alguien pulsa un botón, porque el hilo principal del navegador está ocupado ejecutando JavaScript. INP y FID son las métricas que capturan exactamente esa frustración.

Medición en vivo frente a puntuación manual

La herramienta ofrece dos vías, una junto a la otra:

  • Medición en vivo del navegador. Haz clic en "Comenzar a medir" y luego interactúa con la página: haz clic, escribe, desplázate. El comprobador engancha un PerformanceObserver a las entradas event y first-input, registra la latencia de cada interacción y reporta el peor (máximo) INP que detecta junto con el FID de la primera interacción. Esto mide esta pestaña en este navegador, lo que lo hace ideal para verificar tu propio dispositivo o una compilación en desarrollo.
  • Entrada de puntuación de PageSpeed Insights. Pega un valor de INP o FID en milisegundos desde un informe de PSI y el comprobador devuelve al instante una calificación de Bueno / Necesita mejora / Deficiente. Úsalo cuando quieras datos de campo representativos de visitantes reales en lugar de una sola prueba en tu máquina.

Se incluye un enlace directo a PageSpeed Insights para que puedas obtener esas cifras de campo sin salir del flujo de trabajo.

Cómo entender los umbrales

Ambas métricas miden la latencia de entrada en milisegundos, pero usan escalas distintas porque miden cosas diferentes:

  • INP (Interaction to Next Paint) — Bueno es menos de 200 ms, Necesita mejora es de 200 a 500 ms, y Deficiente es más de 500 ms. INP capta la latencia de las interacciones a lo largo de toda la vida de la página y reporta la peor de ellas.
  • FID (First Input Delay) — Bueno es menos de 100 ms, Necesita mejora es de 100 a 300 ms, y Deficiente es más de 300 ms. FID solo medía el retraso de la primera interacción tras la carga.

INP sustituyó a FID como Core Web Vital en marzo de 2024. FID era una instantánea limitada, fácil de aprobar porque la primera interacción suele ocurrir antes de que la página esté realmente ocupada, mientras que INP refleja la capacidad de respuesta sostenida que un visitante realmente experimenta. El comprobador sigue reportando FID para comparación histórica, pero INP es el número que importa para las evaluaciones actuales de Core Web Vitals de Google.

Por qué importa la capacidad de respuesta a la interacción

Las interacciones lentas erosionan la confianza. Cuando un botón pulsado no hace nada durante 400 ms, la gente vuelve a pulsar, asume que el sitio está roto, o se marcha; y como INP es un Core Web Vital, una puntuación deficiente también puede afectar a la visibilidad en buscadores. Diagnosticarlo pronto, antes de que un lanzamiento llegue a usuarios reales, sale mucho más barato que atender quejas después.

Para ayudarte a actuar sobre una puntuación deficiente, la herramienta enumera soluciones concretas extraídas de las causas más comunes del retraso de entrada, entre ellas:

  • Dividir las tareas de JavaScript largas (cualquiera de más de 50 ms) con setTimeout, requestIdleCallback o scheduler.yield().
  • Mantener el DOM ligero, con menos de aproximadamente 1500 nodos, para reducir el coste de estilo y diseño.
  • Sacar el trabajo pesado de los controladores de clic y de pulsación de tecla, posponer el JavaScript no crítico, evitar los diseños síncronos forzados y preferir transiciones CSS compatibles con el compositor en lugar de animaciones con JavaScript.

Privado y gratuito

El comprobador de FID / INP se ejecuta enteramente en tu navegador. La medición en vivo lee datos de tiempo de tu propia sesión mediante una API estándar del navegador; nada sobre tu página o tus interacciones se sube ni se almacena en un servidor. No hay registro, ni límite de uso, ni instalación: ábrelo en cualquier navegador moderno, incluso desde el móvil, y empieza a medir. El único paso externo es opcional: hacer clic para ir a PageSpeed Insights, que es un servicio propio de Google.