Aprender
Optimización de INP: corrige Interaction to Next Paint y Core Web Vitals
Una guía práctica de optimización INP para JavaScript, tareas largas, scripts de terceros y Core Web Vitals reales.
Ejecuta una auditoría nueva en DomainLens y usa el informe como lista de prioridades.
Resumen
optimización INP e Interaction to Next Paint no es una casilla aislada. INP mide la rapidez con la que una página responde después de un clic, toque o escritura, por eso revela JavaScript lento que una prueba de carga normal puede ocultar.
Úsalo junto con Core Web Vitals, capacidad de respuesta JavaScript, long tasks, optimización de velocidad de página. Esa combinación da un flujo práctico de auditoría SEO: encontrar la URL afectada, entender el impacto en búsqueda, elegir la corrección fiable más pequeña y validar la página tras el despliegue.
En DomainLens, trata este tema como parte de la misma evidencia que crawlability, indexability, Core Web Vitals, optimización de velocidad, enlazado interno y datos estructurados.
Por qué importa para SEO
Los buscadores solo pueden posicionar lo que pueden rastrear, renderizar, entender y confiar. Cuando optimización INP e Interaction to Next Paint está mal resuelto, suele aparecer menos tráfico orgánico, análisis SEO confuso, rankings inestables o errores repetidos en plantillas.
No optimices solo para una puntuación de herramienta. Un buen SEO checker conecta el hallazgo técnico con el tipo de página, la intención de búsqueda, la URL indexada y el valor del tráfico.
Qué revisar primero
- Encuentra páginas con INP deficiente en datos de campo, no solo en Lighthouse.
- Perfila tareas largas en Chrome DevTools y relaciónalas con interacciones reales.
- Revisa hidratación, event handlers, scripts de terceros y actualizaciones de estado costosas.
- Compara móvil y desktop porque INP suele fallar primero en dispositivos lentos.
Cómo corregirlo
Empieza por las correcciones que afectan a más páginas indexables o a las landing pages de más valor. Para cada cambio, registra el patrón de URL, el comportamiento actual, el esperado y el método de validación.
La mejor implementación suele ser simple: respuestas de servidor claras, HTML predecible, enlaces rastreables, señales canonical coherentes, plantillas estables y rendimiento que mejore Core Web Vitals reales.
- Divide tareas largas de JavaScript y saca el trabajo no crítico del camino de interacción.
- Difiere analytics, widgets, chat, anuncios y tag manager hasta que la página sea usable.
- Reduce el coste de hidratación en React, Vue, Nuxt o Next.js.
- Usa listeners pasivos, bundles más pequeños y HTML renderizado en servidor cuando sea posible.
Errores comunes
- Optimizar solo Total Blocking Time y asumir que INP mejorará solo.
- Probar en un desktop rápido e ignorar datos de campo móviles.
- Mantener todos los scripts de terceros porque cada uno parece pequeño por separado.
Cómo validar la corrección
Valida INP con datos de campo cuando haya suficientes visitas y confirma en DevTools que la peor interacción ya no bloquea el renderizado.
Después del despliegue, vuelve a ejecutar DomainLens, inspecciona el HTML renderizado, revisa la URL canonical y las directivas robots, y compara con Search Console o PageSpeed Insights si hay datos.