Guía · WordPress
INP en WordPress: cómo mejorar las interacciones lentas
El INP mide cuánto tarda la página en responder a toques y clics. Revisa JavaScript pesado, scripts de terceros, menús y formularios de tu WordPress.
El INP (Interaction to Next Paint) mide cuánto tarda la página en reaccionar visualmente después de un clic, toque o tecla. En WordPress se degrada sobre todo por exceso de JavaScript: plugins, scripts de terceros y constructores visuales que bloquean el hilo principal.
Causas
Qué suele causarlo
- Muchos plugins que cargan JavaScript en todas las páginas.
- Etiquetas de analítica, chat y publicidad de terceros.
- Menús desplegables y sliders con scripts pesados.
- Formularios con validaciones complejas.
- Páginas con mucho contenido en el DOM.
La definición vigente está en la documentación oficial de Core Web Vitals.
Diagnóstico
Cómo diagnosticarlo
- Abre la página y repite la interacción lenta: menú, filtro, botón de comprar.
- Graba en el panel Rendimiento de Chrome y revisa las tareas largas.
- Identifica qué script ocupa más tiempo.
- Desactiva temporalmente scripts de terceros para comparar.
- Contrasta con los datos de campo de Search Console, que reportan el INP por grupos de URL.
Mejoras
Mejoras prácticas
| Acción | Efecto |
|---|---|
| Cargar scripts solo donde se necesitan | Menos trabajo en el hilo principal |
| Retrasar etiquetas de terceros | La página responde antes |
| Reducir el tamaño del DOM | Menos coste de actualizar la pantalla |
| Sustituir efectos por CSS | Menos JavaScript |
| Eliminar plugins redundantes | Menos código en todas las páginas |
Prioridad
Cómo priorizar
Empieza por las interacciones que llevan a una venta o un contacto: botón de WhatsApp, formulario, carrito. Una página lenta al abrir un menú molesta, pero una página lenta al pagar cuesta dinero. Para saber qué plugins sobran, consulta cuántos plugins son demasiados y cómo quitar CSS y JS que no usas.
Al diagnosticar, trata de reproducir las condiciones de un teléfono de gama media, que es lo que usan muchos visitantes. Un equipo potente oculta los problemas de JavaScript. Las herramientas de desarrollo permiten limitar la velocidad del procesador para simularlo. Si una interacción mejora al desactivar un script de terceros, evalúa si ese script aporta suficiente valor o si puede cargarse más tarde, tras la primera interacción del usuario.
Lista de comprobación final:
- Prueba las interacciones críticas con la CPU limitada.
- Revisa qué scripts de terceros siguen siendo necesarios.
- Elimina animaciones o efectos que no aportan.
Resumen
En resumen
- Qué suele causarlo: Muchos plugins que cargan JavaScript en todas las páginas.; Etiquetas de analítica, chat y publicidad de terceros.
- Cómo diagnosticarlo: Abre la página y repite la interacción lenta: menú, filtro, botón de comprar.; Graba en el panel Rendimiento de Chrome y revisa las tareas largas.
- Cómo priorizar: Empieza por las interacciones que llevan a una venta o un contacto: botón de WhatsApp, formulario, carrito.
Preguntas frecuentes
Lo que suelen preguntar sobre INP en WordPress
¿INP reemplazó a otra métrica?
Sí, sustituyó al FID como métrica de interactividad dentro de Core Web Vitals.
¿Un hosting más rápido arregla el INP?
Poco. El problema suele estar en el navegador del visitante, no en el servidor.
¿Un plugin de caché mejora el INP?
Puede ayudar si reduce o difiere JavaScript, pero la caché de página por sí sola mejora sobre todo el tiempo de carga.