Si has recibido un email de Google Search Console como el que hay debajo de este párrafo, en donde te dice que se han detectado problemas de INP de Core Web Vitals en tus sitios, este artículo te resultará de ayuda para resolver tus dudas sobre el INP.
Email de google search console INP core web vitals
[ez-toc]
¿Qué es el INP de Core Web Vitals?
El INP, viene de las siglas “Interaction to Next Paint” (INP) o Input Delay, es uno de los tres componentes de las Core Web Vitals de Google, junto con el Largest Contentful Paint (LCP) y el Cumulative Layout Shift (CLS). Estas métricas son esenciales para entender la experiencia del usuario en tu sitio web.
El Input Delay mide el tiempo que transcurre desde que un usuario interactúa con tu página (por ejemplo, al hacer clic en un botón) hasta que el navegador puede comenzar a procesar esa interacción. En términos sencillos, es el tiempo que tarda tu página en “responder” a la interacción del usuario. Un buen INP es especialmente importante para las páginas en las que los usuarios necesitan interactuar rápidamente, como las aplicaciones web.
Para mejorar el INP en tu página web, puedes seguir estos consejos técnicos:
- Minimiza el JavaScript: El JavaScript puede bloquear el hilo principal de tu página, lo que puede retrasar la capacidad de tu página para responder a las interacciones del usuario. Intenta minimizar la cantidad de JavaScript que se ejecuta en tu página, o al menos posponer el JavaScript no esencial hasta que se haya cargado el contenido principal de la página.
- Usa una política de ejecución de JavaScript eficiente: Intenta dividir tu código JavaScript en varias tareas más pequeñas en lugar de una sola tarea grande. Esto permite que el navegador intercale la ejecución de JavaScript con la respuesta a las interacciones del usuario, lo que puede mejorar el INP.
- Optimiza la entrega de recursos: Los recursos de bloqueo, como el CSS y el JavaScript, pueden retrasar la capacidad de tu página para responder a las interacciones del usuario. Intenta minimizar la cantidad de recursos de bloqueo, o al menos posponer su carga hasta que se haya cargado el contenido principal de la página.
¿El hosting o servidor interfiere en el INP?
El hosting o servidor puede tener un impacto indirecto en el Input Delay (INP), aunque no es el factor principal.
El servidor juega un papel crucial en la velocidad de carga de tu sitio web, lo que a su vez puede afectar la experiencia del usuario. Si tu servidor es lento para responder o entregar archivos, puede causar retrasos en la carga de la página, lo que podría aumentar el tiempo que tarda el navegador en estar listo para responder a las interacciones del usuario.
Sin embargo, el INP se ve afectado principalmente por la cantidad de JavaScript que se ejecuta en tu página y cómo se gestiona. Incluso con el servidor más rápido, si tu página está sobrecargada con JavaScript que bloquea el hilo principal, es probable que experimentes un alto INP.
Dicho esto, tener un servidor rápido y confiable es una parte importante de proporcionar una buena experiencia de usuario y puede ayudar a mejorar otras métricas de Core Web Vitals, como el Largest Contentful Paint (LCP).
Por lo tanto, aunque el hosting o servidor no afecta directamente al INP, es un componente importante para tener en cuenta al optimizar la velocidad y la experiencia del usuario en tu sitio web. ¡Espero que esta explicación te sea útil!
Recuerda, el objetivo es proporcionar una experiencia de usuario fluida y rápida. ¡Espero que estos consejos te ayuden a mejorar el INP de tu página web!
¿Qué se considera una buena puntuación de INP?
Según las directrices de Google, una buena puntuación de Input Delay (INP) es de 100 milisegundos o menos. Esto significa que tu página debería ser capaz de comenzar a procesar las interacciones del usuario dentro de este tiempo para proporcionar una experiencia de usuario fluida.
Aquí están las puntuaciones específicas que Google recomienda:
- Buena: Menos de 100 milisegundos
- Necesita mejora: Entre 100 y 300 milisegundos
- Mala: Más de 300 milisegundos
Es importante recordar que estas son directrices y no reglas estrictas. La puntuación de INP puede variar dependiendo de la complejidad de tu página y de las interacciones específicas que los usuarios realicen en ella. Sin embargo, apuntar a un INP de 100 milisegundos o menos es un buen objetivo para asegurar que tu página responda rápidamente a las interacciones del usuario.
¿Cómo podemos mejorar el INP en nuestra página web?
Mejorar la capacidad de respuesta de tu página web puede tener un impacto significativo en la experiencia del usuario. Aquí te dejo algunos consejos técnicos para lograrlo:
- Optimiza tu JavaScript: Como mencioné antes, el JavaScript puede bloquear el hilo principal de tu página, lo que puede retrasar la capacidad de tu página para responder a las interacciones del usuario. Intenta minimizar la cantidad de JavaScript que se ejecuta en tu página, o al menos posponer el JavaScript no esencial hasta que se haya cargado el contenido principal de la página.
- Divide tu código JavaScript en tareas más pequeñas: Esto permite que el navegador intercale la ejecución de JavaScript con la respuesta a las interacciones del usuario, lo que puede mejorar la capacidad de respuesta de tu página.
- Optimiza la entrega de recursos: Los recursos de bloqueo, como el CSS y el JavaScript, pueden retrasar la capacidad de tu página para responder a las interacciones del usuario. Intenta minimizar la cantidad de recursos de bloqueo, o al menos posponer su carga hasta que se haya cargado el contenido principal de la página.
- Utiliza un servidor rápido y confiable: Aunque el servidor no afecta directamente a la capacidad de respuesta de tu página, puede tener un impacto en la velocidad de carga de tu sitio, lo que a su vez puede afectar la experiencia del usuario.
- Implementa una política de ejecución de JavaScript eficiente: Esto puede implicar el uso de técnicas como la división de código, que permite cargar sólo el JavaScript necesario para la página actual, o la ejecución diferida de JavaScript, que permite posponer la ejecución de JavaScript hasta que sea necesario.
Recuerda, que la mejora del INP en los Core Web Vitals de Google es motivo para medir y proporcionar una experiencia de usuario fluida y rápida.
