Puntos clave:
- INP mide el tiempo de respuesta a todas las interacciones del usuario durante toda la visita
- Un buen valor de INP es menos de 200 milisegundos
- Las causas más comunes son demasiado JavaScript y scripts de terceros lentos
¿Has notado advertencias rojas en Google Search Console recientemente? Desde marzo de 2024, hay un nuevo Core Web Vital que ha tomado desprevenidos a muchos sitios web: INP. La métrica reemplaza a FID y es significativamente más estricta.
La buena noticia: Los problemas de INP a menudo pueden solucionarse sin desarrolladores. La mala noticia: Ignorarlos no es una opción. Los Core Web Vitals afectan tus rankings, e INP ahora es parte de la ecuación. Este artículo explica qué mide la métrica y cómo puedes mejorar tu valor.
Qué mide INP y por qué importa
INP significa Interaction to Next Paint. La métrica mide qué tan rápido tu sitio web responde a las acciones del usuario. Cuando alguien hace clic en un botón, abre un menú o selecciona un campo de formulario, espera una respuesta inmediata. Cualquier retraso notable frustra.
El predecesor FID solo medía la primera interacción en una página. Esto era impreciso porque un sitio web podía responder rápidamente a la primera acción pero volverse lento con interacciones posteriores. INP captura todas las interacciones durante toda la visita y toma el peor valor. Esto da una imagen más realista de la experiencia real del usuario.
Entendiendo las calificaciones de INP
| Valor INP | Calificación | Significado |
|---|---|---|
| 0-200 ms | Bueno | Los usuarios perciben el sitio como responsivo |
| 200-500 ms | Necesita mejora | Retraso notable pero aún aceptable |
| más de 500 ms | Pobre | Retraso significativo, frustra a usuarios |
Por qué tu sitio web responde lentamente
La causa más común de malos valores de INP es demasiado JavaScript. Los sitios web modernos a menudo cargan docenas de scripts: tracking, analytics, widgets de chat, redes publicitarias, botones de redes sociales. Cada uno de estos scripts demanda recursos del navegador y puede retrasar interacciones.
Los scripts de terceros son particularmente problemáticos. Cargan desde servidores externos y no están bajo tu control. Un servidor de anuncios lento puede ralentizar todo tu sitio web.
Las animaciones y transiciones complejas también exigen al navegador. Si un clic ocurre durante una animación, el navegador debe procesar ambos simultáneamente. Esto lleva a retrasos.
Las estructuras DOM grandes ralentizan cada interacción. Cuantos más elementos HTML tenga tu página, más tiempo tarda el navegador en procesar cambios. Las páginas con miles de elementos responden notablemente más lento.
Mejorando INP sin conocimientos de programación
Muchas mejoras pueden hacerse tú mismo sin escribir código. Aquí están las medidas más efectivas:
- Desactivar plugins innecesarios: Cada plugin puede cargar scripts que sobrecargan el navegador
- Reducir botones de redes sociales: Carga botones de compartir solo cuando se necesiten o usa enlaces simples
- Revisar widgets de chat: Algunas soluciones de chat cargan cantidades significativas de scripts
- Optimizar redes publicitarias: Lazy loading para anuncios puede mejorar significativamente INP
- Simplificar animaciones: Menos animaciones simultáneas significan mejores tiempos de respuesta
Revisa en Google Search Console qué páginas tienen problemas de INP. A menudo son plantillas específicas o tipos de página. Si todas las páginas de producto son malas pero los posts de blog son buenos, el problema está en la plantilla de página de producto.
WordPress e INP
Los sitios WordPress a menudo tienen problemas de INP debido a temas mal programados y demasiados plugins. Con medidas dirigidas, mucho puede mejorarse.
Reduce radicalmente el número de plugins activos. Muchos propietarios de sitios tienen docenas de plugins instalados, la mitad de los cuales no usan. Cada plugin puede cargar JavaScript y empeorar INP.
Elige un tema ligero. Los temas multipropósito con muchas características a menudo cargan scripts innecesarios en cada página. Temas especializados y livianos como GeneratePress o Astra funcionan mejor.
Usa un perfilador de rendimiento de plugins como Query Monitor para ver qué plugins consumen más recursos. A menudo uno o dos plugins causan la mayoría de los problemas.
Optimizaciones avanzadas
Para usuarios técnicamente inclinados, hay más opciones de optimización. El diferimiento de JavaScript retrasa la carga de scripts hasta que el contenido principal esté cargado. Esto mejora la capacidad de respuesta inicial.
La división de código divide paquetes grandes de JavaScript en partes más pequeñas que cargan según demanda. Esto reduce la cantidad inicial de scripts.
Los web workers pueden descargar tareas computacionalmente intensivas a un hilo de fondo, manteniendo el hilo principal libre para interacciones.
Estas medidas requieren conocimientos de desarrollador o soporte profesional pero pueden ser necesarias para problemas persistentes de INP.
Midiendo el éxito
Usa PageSpeed Insights y Chrome DevTools para revisar tus valores de INP. PageSpeed te muestra el valor de INP de datos reales de usuarios, Chrome DevTools permite análisis detallado en tu propio hardware.
Google Search Console agrega datos de INP para todo tu sitio web. Aquí ves cuántas URLs tienen valores buenos, necesitan mejora o son pobres.
Prueba de nuevo después de cada cambio y documenta la mejora. La optimización de INP es a menudo un proceso iterativo.
Revisa tus Core Web Vitals con nuestro Analizador SEO.
Preguntas frecuentes
¿Cuál es la diferencia entre INP y FID?
FID solo medía el retraso para la primera interacción en una página. INP mide todas las interacciones durante toda la visita y usa el peor valor (el valor del percentil 75). Esto hace de INP una medición más precisa de la experiencia real del usuario.
¿Un mal valor de INP puede perjudicar mi ranking en Google?
Sí, INP como parte de los Core Web Vitals es un factor de ranking. La influencia es moderada – la calidad del contenido es más importante. Pero con páginas equivalentes, mejor rendimiento puede ser decisivo. Además, INP afecta la experiencia del usuario y así indirectamente las tasas de rebote y tiempo en el sitio.
¿Por qué de repente tengo advertencias de INP aunque no he cambiado nada?
Google reemplazó FID con INP en marzo de 2024. INP es más estricto porque mide todas las interacciones en lugar de solo la primera. Sitios web que tenían buenos valores con FID pueden fallar con INP. Las advertencias no significan que tu sitio haya empeorado, sino que el método de medición ha cambiado.