Problema con INP en Core Web Vitals - Solución?

Buenas betas.

Acudo a la sabiduría de los usuarios del foro a ver si han tenido el mismo conflicto en los Core Web Vitals y específicamente en el INP.

Hace poco se implementó este cambio y en varios sitios empezó a marcar con demora en la versión móvil. Según la herramienta INP Debugger el problema viene por el los campos imput del box de comentarios correspondientes a 'Nombre' y 'E-mail'.




Causado por "presentation delay"




Causado por "Imput delay"

La opción simple seria directamente fletar el form pero preferiría -de existir otra solución- conservarlo.

¿Algún iluminado tiene idea por donde se puede solucionar?

Sommera dijo:

Buenas betas.

Acudo a la sabiduría de los usuarios del foro a ver si han tenido el mismo conflicto en los Core Web Vitals y específicamente en el INP.

Hace poco se implementó este cambio y en varios sitios empezó a marcar con demora en la versión móvil. Según la herramienta INP Debugger el problema viene por el los campos imput del box de comentarios correspondientes a 'Nombre' y 'E-mail'.


Ver el archivo adjunto 1235608

Causado por "presentation delay"

Ver el archivo adjunto 1235609


Causado por "Imput delay"

La opción simple seria directamente fletar el form pero preferiría -de existir otra solución- conservarlo.

¿Algún iluminado tiene idea por donde se puede solucionar?

Hacer clic para expandir...

Hola,

Entiendo tu preocupación por los problemas que has experimentado en los Core Web Vitals relacionados con el Input Delay (demora en la entrada de datos) causado por los campos de 'Nombre' y 'E-mail' en el box de comentarios.

Una posible solución para mejorar el Input Delay sin eliminar el formulario de comentarios sería optimizar el rendimiento de esos campos. Aquí tienes algunas sugerencias:

1. Optimizar el código: Verifica que el código asociado a los campos de 'Nombre' y 'E-mail' esté escrito de manera eficiente y sin redundancias que puedan ralentizar su funcionamiento.

2. Reducir el tamaño de los scripts y estilos: Asegúrate de que los scripts y estilos asociados al formulario de comentarios estén minimizados y comprimidos para reducir el tiempo de carga.

3. Lazy loading: Implementa la carga perezosa (lazy loading) en los elementos de la página, de manera que los campos de 'Nombre' y 'E-mail' solo se carguen cuando el usuario esté a punto de interactuar con ellos.

4. Prueba con AMP: Si estás utilizando WordPress, considera la posibilidad de implementar AMP (Accelerated Mobile Pages) para optimizar el rendimiento en dispositivos móviles.

Estas son solo algunas sugerencias, te recomendaría seguir investigando y haciendo pruebas para encontrar la solución que mejor se adapte a tu situación específica. ¡Espero que esto sea de ayuda!