INP: la métrica que reemplazó al FID

Qué mide el INP

El INP (Interaction to Next Paint) mide cuánto tarda tu web en reaccionar visiblemente cuando alguien toca un botón, abre un menú o escribe en un campo. Es esa sensación de "toqué y no pasó nada… ah, ahora sí".

Reemplazó en marzo de 2024 a la métrica antigua (FID) como uno de los tres Core Web Vitals. La diferencia clave: el FID solo medía la primera interacción; el INP mide todas las de la visita y se queda con la peor.

La causa casi siempre es JavaScript

Cuando tocas algo, el navegador tiene que ejecutar el código que responde a ese toque. Si el "hilo principal" está ocupado ejecutando otro JavaScript —una animación, un script de terceros, un cálculo pesado—, no puede atender tu toque hasta que termine. Ese retraso es el INP.

Los sospechosos habituales:

• Temas y constructores visuales (algunos de WordPress) que cargan mucho más código del necesario.
• Scripts de terceros pesados: chats en vivo, herramientas de analítica mal configuradas, tests A/B, mapas de calor.
• Demasiados plugins, cada uno con su propio JavaScript.
• Animaciones y efectos que corren en el hilo principal en vez de en la GPU.

Cómo mejorarlo

• Quita lo que no aporta. Revisa la lista de plugins y scripts: muy pocos valen su costo. Cada uno que eliminas libera el hilo principal.
• Aplaza los scripts de terceros. El chat, el píxel de publicidad, la analítica: que carguen después de que la página sea usable, no antes.
• Divide el JavaScript (en sitios a medida) para que cada página solo cargue lo que necesita, no el bundle entero.
• Sustituye el tema o el constructor si es de los que meten kilos de código. A veces es la única solución real.
• Mueve el trabajo pesado fuera del hilo principal (web workers) o divídelo en trozos pequeños.

La regla práctica. Si tu web tiene un chat en vivo, un constructor visual y más de 20 plugins, el INP casi seguro está en amarillo o rojo. Empieza por auditar plugins y por aplazar el chat.

Cómo medirlo

• Search Console → Experiencia → Core Web Vitals: te dice qué URLs tienen INP malo, agrupadas por plantilla.
• PageSpeed Insights: muestra el INP en los datos de campo (si tu web tiene tráfico suficiente) y señala qué scripts bloquean el hilo.
• En las herramientas de desarrollo de Chrome (pestaña Rendimiento) puedes grabar una interacción y ver exactamente qué código la retrasa. Esto normalmente lo hace alguien técnico.

Como todos los Vitals, se calcula con usuarios reales de los últimos 28 días, así que los cambios tardan unas semanas en verse.

Cómo lo hacemos en ClikRank. En los proyectos de SEO técnico auditamos el JavaScript, quitamos lo que no aporta y aplazamos los scripts de terceros. Muchas veces el INP se arregla sin tocar el diseño. Si tu web "va a tirones", la auditoría lo revisa.

Preguntas frecuentes

¿El INP afecta mi ranking?

Es una señal, pero pequeña. El beneficio real de un buen INP es en experiencia: una web que responde al instante retiene mejor y convierte más, sobre todo en formularios y checkouts.

Mi INP está bien en escritorio pero mal en móvil. ¿Normal?

Sí. Los móviles tienen menos potencia de procesador, así que el mismo JavaScript los satura antes. El INP casi siempre es peor en móvil, y es donde hay que arreglarlo primero.

¿Quitar plugins de WordPress mejora el INP?

Normalmente sí, si esos plugins cargan JavaScript en el frontend. Desactiva los que no uses y mide antes y después en Search Console.