Mantén la tienda rápida

Al terminar, el inicio sigue rápido en el móvil: movimiento suave, hero comprimido y funciones opcionales solo cuando las usas. Studio Arcana difiere en idle el movimiento y engagement decorativos (lookbooks, portafolio, marquesinas, CTAs magnéticos) para que las tiendas listas para el marketplace se mantengan rápidas al añadir reservas, especialistas y retail — sin apagar esas funciones.

Movimiento que protege la velocidad

Tienda online → Temas → Personalizar → Configuración del tema → Movimiento

1. Pon Intensidad del movimiento en Sutil.
2. Pon CTAs magnéticos en Desactivado.
3. Pon Scroll con inercia en Desactivado salvo que quieras ese estilo a propósito.
4. Pon Transición de página en Ninguna (o Fundido para un cruce suave).
5. Deja el pulso de medios en Desactivado salvo en Vídeo o Testimonios.
6. Confirma que Animaciones desactivadas y la reducción de movimiento del sistema siguen apagando efectos pesados.

Medios de hero y galerías

• Usa imágenes de hero comprimidas y del tamaño del banner; evita subidas enormes sin recortar.
• Añade un póster si usas vídeo en el hero.
• Prefiere carga diferida bajo el pliegue; mantén eager la imagen del primer viewport.
• Usa Image banner como primera sección solo si debe ser el Largest Contentful Paint; los banners posteriores cargan en lazy automáticamente.
• Deja Precargar fuente de títulos desactivada salvo que el título sea el elemento Largest Contentful Paint.
• En Portfolio gallery y Lookbook, usa Progressive load / Load more cuando haya muchas piezas para no descargar toda la rejilla de una vez.
• Da a cada imagen un alt significativo para accesibilidad y SEO.

Funciones opcionales y terceros

• Desactiva efectos avanzados, apilados fijos y extras de engagement que no uses.
• Carga apps de reserva, GTM y píxeles solo cuando el consentimiento y la configuración estén listos.
• Prefiere presets Conversion Starter cuando quieras un primer publish corto y seguro; reserva Full Editorial para demos con mucho contenido.
• Los visores de modelos 3D solo se cargan cuando un modelo entra en el viewport o el visitante interactúa con ese medio.
• Los scripts del tema ya omiten el JS de producto en páginas genéricas y difieren lookbook/portafolio bajo el pliegue hasta cerca del viewport.

Cómo comprobar que funciona

• El inicio carga limpio en el móvil — el hero aparece rápido.
• Desactiva Animaciones en el interruptor de la tienda — el movimiento pesado se detiene.
• Pide a tu implementador un Lighthouse en inicio, producto, colección, búsqueda y carrito tras publicar con la contraseña de la tienda desactivada (objetivos: LCP bajo 2,5 s, CLS bajo 0,1; la puntuación de rendimiento y el TBT son avisos suaves porque las apps y píxeles de Shopify varían).
• Consulta la Lista completa de lanzamiento para el QA de accesibilidad y rendimiento.