Magento PWA Studio vs Vue Storefront: ¿Cuál es para ti?
Publicado: 2020-04-17Tabla de contenido
Después de haber estado en el mercado durante bastante tiempo, Magento PWA Studio y Vue Storefront son las plataformas de referencia actuales para las marcas que desean expandir su presencia. Pero saber cuál de ellos realmente puede ayudar a su negocio no es, por supuesto, un asunto fácil.
Al darnos cuenta de que existe una brecha en el conocimiento público actual sobre las plataformas de comercio electrónico PWA populares, como las dos mencionadas anteriormente, hoy en el artículo de SimiCart, profundizaremos en el asunto para ayudarlo a elegir finalmente un plataforma adecuada para su negocio.
Aplicaciones web progresivas y por qué debería importarles
Primero, comencemos con los porqués .
Si se ha estado poniendo al día con las tendencias de desarrollo dentro de la esfera del comercio electrónico, es probable que sepa que P rogressive W eb App está de moda en este momento. La razón de esto es relativamente simple: PWA ofrece todo lo que las tiendas en línea necesitan en esta época omnicanal .
Los clientes que compran en tiendas con tecnología PWA a menudo notan una diferencia notable en su experiencia de compra, que incluye cambios como puntos de contacto reducidos, tiempo de carga instantáneo, capacidad fuera de línea y, lo que es más importante, la interfaz similar a una aplicación de Progressive Web Apps.

Con sus características de vanguardia que utilizan los últimos avances tecnológicos, PWA es capaz de revolucionar la experiencia web típica y transformar la experiencia de compra para mejor. La nueva experiencia de compra impulsada por PWA está preparada para ser rápida, atractiva y receptiva en todos los dispositivos.
Lectura recomendada: Beneficios de una aplicación web progresiva para su negocio
Breve introducción a Magento PWA Studio y Vue Storefront PWA
Estudio Magento PWA
Presentado recientemente por los mismos Magento, Magento PWA Studio es un conjunto de herramientas para ayudar a los comerciantes a optimizar sus tiendas al máximo mediante la implementación de elementos de Progressive Web Apps además de Magento 2. Con Magento PWA Studio, los comerciantes pueden tener acceso a la última versión frontal. arquitectura final y API web abiertas para reconstruir sus tiendas con el último estándar.
Ventajas de Magento PWA Studio
- Acceso a herramientas de desarrollo actualizadas: Las herramientas proporcionadas por Magento PWA Studio están siempre actualizadas y con la documentación más extensa.
- Facilidad de desarrollo: Magento PWA Studio se creó con el objetivo de impulsar la adopción de PWA, por lo que la facilidad de desarrollo se colocó en la máxima prioridad.
- Comunidad sólida: la comunidad de Magento PWA Studio siempre está ahí para ayudar a los recién llegados.
- GraphQL: al usar GraphQL como su tecnología líder, las PWA creadas con PWA Studio pueden tener una sobreexplotación inigualable y un mejor manejo de múltiples usuarios de varias fuentes.
Contras de Magento PWA Studio
- Específico de la plataforma: Magento PWA Studio requiere que su tienda esté en Magento 2.3 y superior. Esto es tanto bueno como malo , ya que de esta manera hay más margen para desarrollar y mejorar en Magento PWA Studio y no tener que preocuparse por la compatibilidad de la plataforma.
- Falta de compatibilidad con versiones anteriores : una razón que hace que las tiendas duden en adoptar Magento PWA Studio es su falta de compatibilidad con versiones anteriores, que se debe principalmente a cambios en el esquema de GraphQL entre actualizaciones.

Escaparate de Vue
Otra plataforma que surgió recientemente para el desarrollo de PWA de comercio electrónico es Vue Storefront, la PWA independiente de la plataforma y de código abierto. Vue Storefront no requiere un tipo específico de back-end para todas las funcionalidades, ya que la plataforma en sí no tiene interfaz y funciona en cualquier plataforma de comercio electrónico.
Ventajas de Vue Storefront
- Plataforma independiente: Vue Storefront funciona en todas las plataformas de comercio electrónico
- Código abierto: cualquiera puede contribuir a mejorar la plataforma front-end
Contras de Vue Storefront
- Incompatibilidades: muchos problemas sin resolver con las plataformas de comercio electrónico existentes
- No permite el uso de jQuery u otras dependencias
- Falta documentación: hay varias quejas sobre el problemático proceso de instalación con Vue Storefront y su falta de documentación completa.
Comparación detallada
Para aquellos de ustedes que sienten que solo mirar los pros y los contras no debería ser suficiente, lo tenemos cubierto. A continuación, tendremos una comparación profunda de las dos populares plataformas PWA de comercio electrónico:

Visión general

Mirando la comparación general, está claro que Vue Storefront debería ser la mejor opción aquí. Pero tras una inspección más cercana, no parece ser así.
Si bien Magento PWA Studio solo se lanzó a fines de 2018 (que es casi un año después de la fecha de lanzamiento de Vue), la plataforma no tarda en madurar. Ahora tiene un número de contribuyentes comparable al de Vue; y la comunidad es fuerte, útil para cualquier persona que quiera aprenderla y llena de potencial.
Comparación Técnica

En cuanto a la tecnología, estas dos plataformas PWA de comercio electrónico son bastante similares, y ambas ofrecen representación del lado del servidor para ayudar parcialmente con las optimizaciones del motor de búsqueda de su tienda; pero las diferencias menores, es decir, ReactJS, que podemos ver aquí, en consecuencia, son la razón por la cual una plataforma es superior en términos de rendimiento que la otra. En comparación con VueJS, que utiliza Vue Storefront, ReactJS es mucho mejor tanto para la experiencia de desarrollo como de compra. Con ReactJS, los desarrolladores de Magento pueden disfrutar del soporte de la comunidad de usuarios más grande, más fuerte y más famosa dentro y fuera de Magento.
Comparación de características

Cuando se trata de las funciones que se ofrecen, estas dos plataformas PWA están cara a cara, y Vue Storefront está un poco atrasada en términos de funciones. Vale la pena señalar que no hace mucho tiempo, Vue Storefront era la plataforma que tenía la ventaja aquí, por lo que el progreso de desarrollo de Magento es realmente impresionante y, de hecho, mejor que el de muchas de sus contrapartes gracias a la naturaleza de la plataforma en sí misma. enfoque específico.
Lo que dicen los clientes
Después de todo, son los clientes quienes deberían saber más. Profundicemos para ver qué tienen que decir otros propietarios de tiendas que han probado cualquiera de estas plataformas:
Estudio Magento PWA
Como una marca cuya misión es proporcionar impresionantes colecciones de alta costura para mujeres de todo el mundo, Bianca Nera necesitaba un escaparate que representara mejor la elegancia de sus productos y, naturalmente, una aplicación web progresiva lo es.

Con Magento PWA Studio para agilizar todo el trabajo de desarrollo, y también con SimiCart como el proveedor de soluciones elegido, la marca pudo ver una renovación en la forma en que se realizan las compras en el sitio, así como una importante actualización de la espalda existente. -infraestructura final.
Gracias a la velocidad recién descubierta, combinada con la apariencia similar a una aplicación que son características de PWA, Bianca Nera pudo ver resultados sobresalientes, que incluyen:
- 45% de aumento en páginas por sesión
- Tiempo promedio de carga de página 103% más rápido
- 61% de crecimiento en los ingresos en línea
El trabajo realizado en la infraestructura de back-end de la tienda también ha permitido una gestión más intuitiva del contenido, gracias al sistema de gestión de contenido (CMS) propio de Magento, con el que la tienda no solo pudo gestionar y crear contenido sin esfuerzo, sino también crear nuevos y experiencias de compra convincentes para mantenerse al día con las tendencias en constante movimiento.
Escaparate de Vue
Al ser una plataforma más antigua en el mercado de PWA, Vue Storefront no tiene escasez de historias de clientes para nombrar. Un caso destacado que me viene a la mente es la historia de Kubota.

La marca de zapatos polaca, Kubota, no se conocía anteriormente como una marca conocida ni de buen hacer. De hecho, la decisión de la marca de optar por el comercio electrónico de PWA fue la de " hacerlo o romperlo ". Sin embargo, fue una suerte, ya que no se sabe que PWA decepcione.
Con su estrategia móvil primero dirigida al gran porcentaje de compradores modernos que prefieren la comodidad de comprar en sus teléfonos inteligentes, Kubota pudo lograr resultados sin precedentes:
- 192% de crecimiento de visitantes diarios
- 94% más de palabras clave en el Top 3 YoY
- Tiempo de carga mejorado en un 30 %
La decisión de optar por PWA, específicamente la decisión de optar por la plataforma Vue Storefront, fue muy necesaria para que la marca volviera al mercado de comercio electrónico. Después de esto, la marca ha sido una sensación entre los amantes de la moda retro en todas partes desde entonces y se espera que sea aún más relevante en los próximos años, ya que la moda retro está volviendo en oleadas.
Tome una decisión informada
Ahora todo lo que te queda por hacer es tomar una decisión sobre cuál deberías elegir. Si bien ambas plataformas tienen sus ventajas, siempre debe elegir la que mejor se adapte a sus necesidades y a las de su tienda.
Sin embargo, para los propietarios de tiendas Magento, creemos que no pueden equivocarse con Magento PWA Studio, ya que ofrece el mejor soporte para la infraestructura existente de su tienda. Se ha comprobado que las herramientas disponibles que ofrece Magento PWA Studio funcionan y funcionan bien en todas las situaciones con una alta adaptabilidad a sus necesidades de desarrollo.
Y en caso de que alguna vez necesite una solución confiable para su tienda Magento, aquí en SimiCart, somos un equipo de expertos en Magento con más de 8 años de experiencia, listos para transformar su tienda Magento en una PWA ultrarrápida:
Lee mas:
Cómo integrar PWA en Magento 2