¿Alguna vez has entrado en una web que parece haber cargado por completo, pero cuando intentas abrir el menú o hacer clic en “Comprar”, no pasa absolutamente nada? Haces clic una vez. Dos veces. Frustrado, empiezas a hacer clics de rabia (Rage Clicks). Finalmente, la web reacciona o simplemente te vas.
Eso, amigo mío, es un problema de INP (Interaction to Next Paint).
Durante años, nos obsesionamos con que la web se viera rápida (velocidad de carga). Pero Google ha cambiado las reglas del juego con los Core Web Vitals. Ahora no basta con que tu web cargue rápido; tiene que responder rápido.
Como consultor SEO técnico que trabaja día a día optimizando sitios tanto en España como en Latinoamérica, veo este error constantemente: webs preciosas montadas en WordPress que, bajo el capó, son una pesadilla de JavaScript que congela el navegador del usuario.
Hoy vamos a destripar qué es el INP, por qué está matando tus conversiones silenciosamente y cómo solucionarlo.
¿Qué es el INP (Interaction to Next Paint) en los Core Web Vitals?
El INP (Interaction to Next Paint) es la métrica de los Core Web Vitals que mide la capacidad de respuesta de tu página. En términos simples: es el tiempo que transcurre desde que el usuario interactúa con tu página (hace un clic, toca un botón o presiona una tecla) hasta que el navegador es capaz de mostrar el cambio visual en la pantalla.
Piénsalo así:
- LCP (Largest Contentful Paint): Mide la velocidad visual (¿Cuándo veo la página?).
- INP: Mide la interactividad (¿Cuándo puedo usar la página?).
El adiós al FID y la llegada del INP
Antiguamente, Google usaba el FID (First Input Delay), pero tenía un problema: solo medía la primera interacción. El INP es mucho más estricto: observa la latencia de todas las interacciones durante toda la visita del usuario y reporta la más lenta.
Si el usuario interactuó 50 veces y una de esas interacciones tardó medio segundo, tu puntuación de INP se verá afectada. Google quiere garantizar que la experiencia sea fluida de principio a fin.
¿Por qué una web rápida puede sentirse lenta?
Aquí es donde muchos dueños de negocio se confunden. Me dicen: “Nicolás, pero si mi web carga en 1 segundo según el test”.
Sí, pero se siente “pegajosa” o lenta al tacto. Esto ocurre cuando el navegador está tan ocupado procesando código (generalmente JavaScript) que no tiene “manos libres” para responder al clic del usuario.
Los umbrales de Google
Para pasar la evaluación de Google Search Console y no perder posiciones en los resultados de búsqueda, debes manejar estos tiempos:
- 🟢 Bueno: Menos de 200 milisegundos. (La respuesta se siente instantánea).
- 🟡 Necesita mejorar: Entre 200 ms y 500 ms.
- 🔴 Pobre: Más de 500 milisegundos. (El usuario percibe que la web está rota).
Tener un INP alto es devastador en dispositivos móviles, donde los procesadores son menos potentes y sufren más para ejecutar scripts pesados.
Las 3 causas del INP alto (y cómo las soluciono)
Si tu velocidad de carga web parece correcta pero tu INP está en rojo, generalmente el culpable es el Hilo Principal (Main Thread) del navegador. Imagina que el navegador es una autopista de un solo carril. Si metes un camión gigante (una tarea larga de código), los coches pequeños (los clics del usuario) se quedan atascados detrás.
Estas son las causas más comunes que encuentro en mis auditorías:
1. Exceso de JavaScript y tareas largas
Cuando el navegador encuentra un bloque de texto de código JavaScript pesado, detiene todo para leerlo y ejecutarlo. Si ese script tarda más de 50ms, se considera una “Tarea Larga” (Long Task). Mientras se ejecuta, la pantalla está congelada.
2. Constructores visuales y plugins innecesarios
WordPress es fantástico, pero el abuso de constructores visuales (como Elementor o Divi sin optimizar) y el exceso de plugins inyectan miles de líneas de código que el usuario no necesita.
Si tienes plugins de chat, pop-ups, sliders y efectos de movimiento cargando a la vez, estás bloqueando la capacidad de respuesta. A veces, limpiar esto requiere conocimientos técnicos profundos para no romper el sitio.
Lectura recomendada: Si sospechas que tu WordPress tiene problemas internos, te recomiendo leer mi artículo sobre 10 errores técnicos comunes en WordPress que te hacen perder dinero.
3. Manipulación compleja del DOM
Si tu web tiene miles de elementos (nodos DOM) y un script intenta cambiarlos todos a la vez tras un clic, el navegador sufrirá un colapso momentáneo. Simplificar la estructura HTML es vital.
Cómo medir y auditar el INP de tu sitio
Lo que no se mide, no se mejora. Para saber si el INP mide correctamente la experiencia de tus usuarios, no te fíes solo de tu conexión de fibra óptica en la oficina.
- Google Search Console: Ve al apartado de “Experiencia” > “Core Web Vitals”. Aquí verás datos de campo reales (datos de usuarios reales de Chrome). Es la fuente de la verdad para el posicionamiento SEO.
- PageSpeed Insights: Te dará un diagnóstico de laboratorio y te señalará qué scripts específicos están bloqueando el hilo principal.
A veces, estos problemas de rendimiento también afectan a cómo Google rastrea tu web. Si el robot de Google pierde tiempo procesando scripts, agotas tu presupuesto de rastreo.
Dato Pro: Aprende más sobre cómo optimizar los recursos de tu servidor en mi guía sobre Crawl Budget y optimización de rastreo.
¿Cómo mejorar el INP? De la teoría a la práctica
Mejorar el INP no suele solucionarse instalando otro plugin de caché. Requiere intervención técnica quirúrgica:
- Minimizar la actividad del hilo principal: Dividir tareas largas de JavaScript en tareas más pequeñas (Code Splitting).
- Optimización de imágenes y carga: Aunque el INP es sobre interacción, la optimización de imágenes y la carga diferida liberan recursos del navegador para que pueda centrarse en los scripts importantes.
- Retrasar la ejecución de JS no crítico: ¿Realmente necesitas que el chat de soporte cargue en el milisegundo 0? Probablemente no.
- Evitar el Layout Thrashing: Asegurar que los cambios visuales no obliguen al navegador a recalcular todo el diseño (esto también ayuda a evitar el Cumulative Layout Shift CLS).
Si todo esto te suena a chino mandarín, es normal. Mi trabajo como consultor híbrido (SEO + Desarrollador) es precisamente traducir estos problemas técnicos en soluciones que hagan volar tu web.
No necesitas una web nueva; necesitas una web bien construida.
¿Tu sitio se siente lento al hacer clic? ¿Tus usuarios abandonan el carrito? Es hora de revisar tus Core Web Vitals a fondo.
¿Hablamos? Descubre cómo puedo ayudarte con un servicio de Diseño Web profesional y optimizado para que tu negocio no solo se vea bien, sino que venda rápido.
Preguntas Frecuentes sobre Velocidad y Respuesta (INP)
¿Qué puntaje de INP se considera bueno para el SEO?
Un INP bueno debe ser inferior a 200 milisegundos. Esto indica que tu página responde casi instantáneamente a las interacciones del usuario. Si está entre 200ms y 500ms, necesita mejoras, y si supera los 500ms, se considera pobre y afectará negativamente tu posicionamiento en Google.
¿En qué se diferencia el INP del antiguo FID?
El FID (First Input Delay) solo medía el retraso de la primera interacción del usuario en la página. El INP (Interaction to Next Paint) es más completo porque mide la latencia de todas las interacciones durante toda la visita y reporta la más lenta, ofreciendo una visión más real de la experiencia del usuario.
¿Cómo puedo ver el INP de mi página web?
Puedes consultar el informe de “Core Web Vitals” en Google Search Console para ver datos reales de tus usuarios (datos de campo). Para un análisis técnico inmediato y recomendaciones de código, utiliza herramientas como PageSpeed Insights o la extensión Lighthouse en Chrome.
¿Los plugins de WordPress afectan al INP?
Sí, significativamente. Cada plugin suele añadir sus propios archivos JavaScript y CSS. Si tienes muchos plugins activos, o si están mal optimizados, aumentarán la carga en el Hilo Principal del navegador, provocando retrasos en la respuesta (un INP alto).
