¿Qué es INP en WordPress?

INP es un indicador que mide cuánto tarda una página de WordPress en mostrar una respuesta después de que una persona interactúa con ella.

NP (Interaction to Next Paint) es uno de los tres Core Web Vitals de Google.

Mide la capacidad de respuesta de una página cuando una persona realiza una acción, como hacer clic en un botón, abrir un menú o interactuar con un formulario.

Por ejemplo, si haces clic para abrir un menú y la página tarda en mostrarlo, esa demora puede afectar el INP.

Un INP bajo indica que la página responde rápidamente a las interacciones.

¿Cuál es el valor ideal de INP?

Google considera que una página tiene un buen INP cuando responde en 200 milisegundos o menos.

Los valores de referencia son:

• Bueno: 200 ms o menos
• Necesita mejoras: más de 200 ms y hasta 500 ms
• Deficiente: más de 500 ms

Cuanto menor sea el INP, más rápido responderá la página cuando el usuario interactúe con ella.

¿Qué puede causar un INP alto en WordPress?

El INP puede aumentar cuando el navegador está ocupado realizando otras tareas y no puede responder rápidamente a una interacción.

Algunas causas frecuentes son:

JavaScript que tarda demasiado en ejecutarse

El navegador utiliza JavaScript para muchas funciones interactivas de WordPress.

Si está procesando una tarea de JavaScript que tarda demasiado, puede retrasar la respuesta a un clic, un menú u otra interacción.

Plugins que añaden scripts pesados

Algunos plugins añaden JavaScript para formularios, sliders, ventanas emergentes, filtros y otras funciones.

Si estos scripts requieren demasiado trabajo del navegador, pueden afectar el INP.

Scripts de terceros

Herramientas de analítica, chats, anuncios y otros servicios externos pueden añadir scripts a una página.

Cuando estos scripts requieren mucho procesamiento, pueden retrasar la respuesta a las acciones del usuario.

Demasiado trabajo en el navegador

Animaciones, cálculos y otras tareas complejas pueden mantener ocupado el navegador.

Si una persona intenta interactuar con la página mientras se están ejecutando estas tareas, la respuesta puede tardar más.

¿Cómo mejorar el INP en WordPress?

La solución depende de qué está retrasando la respuesta de la página.

Algunas acciones que pueden ayudar son:

• Reducir el JavaScript que no sea necesario
• Revisar plugins que añaden muchos scripts
• Limitar scripts de terceros que no sean necesarios
• Retrasar tareas que no necesitan ejecutarse inmediatamente
• Revisar formularios, menús, filtros y otros elementos que responden lentamente.

Antes de realizar cambios, es importante identificar qué interacción presenta el retraso y qué está haciendo el navegador en ese momento.

Eliminar scripts al azar puede reducir el trabajo del navegador, pero no necesariamente solucionará la causa de un INP alto.

INP y rendimiento de WordPress

INP no mide cuánto tarda una página en cargar. Mide cuánto tarda en mostrar una respuesta después de que una persona interactúa con ella.

Por eso, una página puede mostrar su contenido rápidamente y aun así tener un INP alto. Por ejemplo, puede parecer completamente cargada, pero tardar en responder cuando el visitante abre un menú o utiliza un formulario.

INP permite evaluar una parte específica de la experiencia de uso y debe analizarse junto con otras métricas de rendimiento.

Consulta nuestra guía sobre Rendimiento de WordPress para conocer otros factores que pueden influir en la velocidad y respuesta del sitio.

Términos relacionados

• Core Web Vitals
• JavaScript diferido
• JavaScript no utilizado
• Recursos que bloquean el renderizado

Preguntas frecuentes sobre INP en WordPress

¿Por qué una página puede cargar rápido y tener un INP alto?

Porque la velocidad de carga y la capacidad de respuesta miden cosas diferentes. Una página puede mostrar su contenido rápidamente, pero tardar en responder cuando una persona hace clic en un botón, abre un menú o utiliza otra función interactiva.

¿Un plugin puede afectar el INP?

Sí. Un plugin puede añadir JavaScript u otras tareas que aumentan el trabajo del navegador. Si estas tareas retrasan la respuesta a una interacción, pueden aumentar el INP.

¿Todos los clics afectan el INP?

No necesariamente. INP evalúa interacciones como clics, toques en pantallas táctiles y acciones realizadas con el teclado. No todos los movimientos o acciones que realiza una persona en una página se consideran de la misma forma.

¿Un INP alto significa que el servidor es lento?

No necesariamente. INP está relacionado principalmente con la capacidad de la página para responder a las interacciones en el navegador. Un servidor lento puede afectar otros aspectos del rendimiento, pero no es la única explicación de un INP alto.