Optimizar la velocidad de carga (Slide & Mega menus)
¿Por qué necesitas hacer esto? ¿No es ya Navi+ rápido?
Navi+ es muy rápido. Está completamente desplegado en una CDN líder con muy baja latencia (alrededor de 100 ms) y puede atender a millones de clientes sin desacelerarse.
Sin embargo, Navi+ aún funciona dentro del ecosistema de Shopify. Shopify tiene sus propias reglas de carga:
- Shopify prioriza la carga de sus propios recursos primero.
- Luego, Shopify carga el contenido del tema.
- Finalmente, Shopify carga el contenido de la aplicación, pero no en ningún orden específico.
Esto significa que si estás utilizando múltiples aplicaciones, Navi+ puede a veces cargarse más tarde de lo esperado. Por eso puede parecer más lento en ciertos casos.
¿Cuál es mi solución?
Actualmente, Navi+ tiene alta prioridad al cargarse en sitios web de Shopify. Sin embargo, todavía hay un cierto retraso. Abordaremos estos problemas uno por uno aquí:
Slide Menu: Agregar un efecto de carga y bloquear el selector del disparador
Muy simple: solo ingresa el selector CSS que usas para el Slide Menu en la sección de incrustación de la aplicación Navi+ (ver imagen a continuación).
Mega Menu (Replacement mode): Agregar un efecto de carga y bloquear el selector del disparador
Nota:
- Agrega el sufijo (M) si deseas que se aplique solo en móvil.
- Agrega el sufijo (D) si deseas que se aplique solo en escritorio.
- Deja sin sufijo si deseas que se aplique en ambas plataformas.