¿No funciona correctamente tu menú móvil después de activar la optimización Leap de Ezoic? Esto puede ser un problema común con varias causas potenciales, pero afortunadamente hay algunas soluciones que puedes intentar para resolverlo. Este artículo te guiará a través de pasos de solución de problemas para identificar y solucionar el problema, asegurando que tu menú móvil funcione sin problemas mientras sigues beneficiándote de las características de optimización de Leap.

Cuando Leap está habilitado, es posible que los usuarios experimenten los siguientes síntomas comunes que indican problemas con el menú móvil:

1. Menú Móvil No Carga: El menú móvil no aparece cuando se accede al sitio en un dispositivo móvil.
2. Menú Móvil No Funcional: El menú móvil aparece, pero no responde a las interacciones del usuario.
3. Funcionalidad Intermitente: El menú móvil puede funcionar de manera inconsistente, a veces cargando como se espera y otras veces fallando en cargar o funcionar.

Causas potenciales

• Retraso de Script - Esta herramienta retrasa la carga de scripts para mejorar los tiempos de carga. Sin embargo, retrasar algunos scripts podría romper la funcionalidad del sitio, como los menús, si el script es necesario para que la característica funcione. Los scripts necesarios para que el menú se cargue dependerán de las herramientas de tema / constructor de páginas que estés utilizando.
• Eliminar CSS no utilizado - La función de Eliminar CSS no utilizado detecta archivos CSS no utilizados y luego evita que se carguen para mejorar la velocidad de carga de los archivos y el contenido necesarios. A veces, los archivos CSS se categorizarán incorrectamente como no utilizados porque el archivo CSS no es necesario para cargar la página real y solo se usa cuando se selecciona el menú móvil. Esto puede llevar a que Leap elimine incorrectamente archivos CSS que son necesarios para cargar el menú.

Primero, necesitarás determinar cuál de las características mencionadas anteriormente está causando este problema. Los pasos más fáciles a seguir son los siguientes:

Paso 1: ¿Es Leap?

• Desactiva Leap y luego verifica tu sitio para ver si este problema es causado por Leap o por otra cosa. Si el problema desaparece, entonces sabemos que Leap está causando el problema.

Paso 2: ¿Qué característica está causando esto?

• Desactiva ya sea Retraso de Script o Eliminar CSS no utilizado yendo al panel de Leap > Optimizar > Cambiar Configuración, luego desactivando estas configuraciones una por una.

Paso 3: Vista previa

• Una vez que hayas desactivado una de las configuraciones, ve a la vista previa y verifica si el menú móvil funciona. Dependiendo de cuál característica necesite ser desactivada, deberás seguir el procedimiento apropiado para arreglar el menú.

(Nota: Puede ser el caso de que ambas características estén causando el problema, y necesitarás seguir ambas guías a continuación.)

Retraso de Script

Si el problema es causado por Retraso de Script, sigue estos pasos:

1. Navega hasta la configuración de Retraso de Script y usa la herramienta de Buscar Scripts Retrasados.

2. Haz clic en el botón “Clear Table”, luego ingresa la URL de la página que estás solucionando en la sección “Find Scripts on URL” y presiona Enter en tu teclado.

3. Revisa la lista de scripts externos e internos encontrados en la URL especificada. Los scripts que están seleccionados como No Retrasar se agregarán a las Reglas de Exclusión y ya no se retrasarán. Los scripts seleccionados como Retrasar permanecerán retrasados. Los scripts que están resaltados en amarillo han sido marcados como potencialmente problemáticos para retrasar, lo que puede ayudar a determinar qué scripts que están retrasados pueden estar causando problemas en el sitio.

4. Usa la barra de búsqueda para filtrar los scripts relevantes ingresando el nombre de tu tema o simplemente “tema”. Los scripts más comunes que necesitan ser excluidos en el caso de problemas con el menú son scripts relacionados con el tema.

5. Excluye los scripts uno por uno seleccionando No Retrasar para los scripts problemáticos, luego previsualiza el sitio para ver si esto soluciona el problema del menú móvil. (Nota: es posible que debas excluir múltiples scripts para que el menú funcione)

6. Mientras previsualizas el sitio, usa el modo de vista previa móvil de las Dev Tools de Chrome (F12, luego selecciona el ícono móvil) para ver el menú móvil.

Para evitar problemas con tu menú móvil al usar Leap, considera las siguientes prácticas recomendadas:

1. Actualiza Regularmente Temas y Plugins: Asegúrate de que tus temas y plugins de creación de páginas estén siempre actualizados a las últimas versiones. Los desarrolladores suelen lanzar actualizaciones para corregir errores y mejorar la compatibilidad con herramientas de optimización como Leap.
2. Limita el Uso de Constructores de Páginas: Constructores de páginas como Elementor pueden sobrecargar tu sitio y complicar los esfuerzos de optimización. Considera usar alternativas más ligeras o minimizar la dependencia de estos constructores para mejorar el rendimiento de tu sitio y reducir el riesgo de conflictos con herramientas de optimización.
3. Prueba Cambios en un Entorno de Pruebas: Antes de aplicar actualizaciones o cambios importantes, pruébalos en un entorno de pruebas. Esto te permite identificar posibles problemas sin afectar tu sitio en vivo.
4. Monitorea el Rendimiento del Sitio: Monitorea regularmente el rendimiento de tu sitio usando las herramientas disponibles en el panel de Leap. Esto te ayudará a identificar y abordar rápidamente cualquier problema que pueda surgir.

Seguir estos consejos puede ayudar a mantener un rendimiento óptimo y prevenir problemas con la funcionalidad de tu menú móvil.

Si necesitas más ayuda para solucionar conflictos relacionados con el menú móvil de Leap, por favor inicia sesión en https://support.ezoic.com/ para utilizar nuestros recursos dedicados al soporte. ¡Estamos aquí para ayudar!