Comparando Magento Theme con PWA Storefront

Publicado: 2020-10-21

Tabla de contenido

Siendo la aplicación web progresiva el nuevo enfoque para el desarrollo web en todas partes, Magento tampoco se ha quedado quieto e introdujo una nueva forma de impulsar más adopciones de PWA con PWA Studio. Para ayudarlo a comprender mejor este nuevo enfoque, nuestro artículo de hoy intentará comparar el escaparate de PWA con el tema tradicional de Magento y lo ayudará a decidir si este nuevo enfoque realmente vale la pena.

Comprender un tema de Magento

Definición

El tema de Magento, en términos sencillos, es una combinación de plantillas, diseños, estilos e imágenes personalizados para brindar una apariencia unificadora a su escaparate, así como a su administrador de Magento.

Cómo funciona

Los temas tradicionales de Magento siguen un concepto de herencia, lo que significa que los temas personalizados de Magento siempre se crean sobre un tema base proporcionado por Magento (en blanco) y dependen en gran medida de la aplicación principal de Magento para su funcionalidad. El tema de Magento está hecho para ser fácilmente instalable y configurable para comerciantes no expertos en tecnología como usted, pero viene con su propio conjunto de limitaciones debido a los inconvenientes inherentes de la infraestructura en uso (CMS tradicional).

Ejemplos

Los temas de Magento se pueden encontrar en varias plataformas en Internet, sobre todo en el mercado de Magento y ThemeForest. Especialmente en ThemeForest, por ejemplo, hay más de 600 temas y plantillas de Magento en varias industrias.

Tema Luma de Magento
El tema base Luma de Magento

Escaparate de PWA y en qué se diferencia

Definición

En resumen, un escaparate de PWA es un escaparate impulsado por Progressive Web App, que es el último avance de la Web para impulsar funciones de última generación y mejoras de rendimiento.

Cómo funciona

A diferencia del concepto de herencia adoptado en los temas de Magento, los escaparates de PWA son más flexibles debido a la forma en que su infraestructura está conectada: sin conexión y desacoplada del backend de Magento. Esta infraestructura es posible gracias al uso de herramientas de desarrollo como PWA Studio para garantizar que los escaparates sean de naturaleza modular y estén equipados con las últimas funciones y tecnologías.

Ejemplos

El escaparate de PWA todavía está atrasado en cuanto a la cantidad de ejemplos disponibles, pero está llegando. Para una experiencia básica y básica, recomendamos el escaparate de Venia de Magento o nuestro propio escaparate de Siminia. Y en caso de que desee una experiencia más atractiva, la tienda de moda debería ser perfecta para usted, ya que se diseñó para la industria de la moda para brindar un enfoque especial en lo visual.

Tema de moda de SimiCart
Una apariencia elegante con el tema Moda [Demo]

Comparando el tema de Magento con el escaparate de PWA

Visión general

Los escaparates de PWA tienen más sentido como una solución a largo plazo, práctica, aunque desafiante, pero eso no significa que los temas de Magento tampoco tengan su lugar, ya que sigue siendo una excelente manera para que los nuevos comerciantes de Magento conozcan la plataforma y Aprenda los conceptos básicos de una tienda Magento, así como también cómo una tienda atractiva puede generar más conversiones.

tema magento Escaparate de PWA
Facilidad de instalación X
Número de temas/escaparates X
Flexibilidad y escalabilidad X
Fiabilidad X
Características X
Actuación X
Ventaja de costo X

Entrando en los detalles

Facilidad de instalación

El tema tradicional de Magento es antiguo, pero no se puede decir que no cumplió su propósito, es decir, hacer que cambiar la apariencia de los escaparates sea posible y más accesible incluso para el profano. Los comerciantes que usan temas de Magento pueden cambiar la apariencia de su escaparate con una simple instalación/desinstalación de un tema de Magento propio o de un tema de Magento de terceros. De esta forma, los comerciantes no requieren mucho esfuerzo, si es que lo requieren, para ofrecer una experiencia de escaparate pulida y atractiva.

Flujo de temas de Magento
Flujo de temas de Magento
Fuente: Descripción general de los temas de Magento

El escaparate de PWA, por otro lado, sigue una filosofía diferente (CMS sin cabeza) que valora la practicidad y la funcionalidad sobre la facilidad de uso. Esta es la razón por la cual el proceso de instalación típico de una tienda PWA puede considerarse demasiado técnico y más orientado al desarrollador para el comerciante promedio.

Instalación de escaparate de Venia
Instalación de escaparate de Venia
Fuente: Magento

Número de temas/escaparates

Gracias al concepto de herencia, los desarrolladores que trabajan en temas de Magento pueden tener un tema base sólido y conveniente (en blanco) como base con la que pueden crear temas personalizados de Magento con relativamente poco esfuerzo. Actualmente hay más de 600 temas y plantillas de Magento en varias industrias, y este número sigue creciendo hasta el día de hoy.

Al ser una tecnología relativamente nueva, las tiendas de PWA no pueden darse el lujo de tener números como fortaleza. Esta falta de variedad y disponibilidad de escaparates de PWA, desde nuestra perspectiva como proveedor de soluciones que ha estado trabajando para ofrecer más escaparates de PWA a los comerciantes de Magento, es de esperar, ya que todo el proceso de desarrollo de escaparates de PWA no es tan fácil en comparación con su contraparte de temas de Magento.

Sin embargo, puede estar seguro de que la cantidad de escaparates de PWA está creciendo rápidamente y probablemente superará la de los temas de Magento en muy poco tiempo. De nuestra parte personalmente, tenemos muchos escaparates de PWA que estarán listos para salir al mercado en un futuro cercano, ayudando de manera efectiva a impulsar la adopción de escaparates de PWA.

Próximos escaparates de PWA de nosotros
Próximos escaparates de PWA de nosotros

Flexibilidad y escalabilidad

Dado que los desarrolladores de temas de Magento solo pueden cambiar ciertos archivos de temas, todo el proceso de desarrollo es de naturaleza restrictiva. Esto no debería afectar a las pequeñas y medianas empresas, pero para las empresas más grandes que desean implementar cambios regulares en la apariencia de sus escaparates, esta falta de flexibilidad podría generar más problemas de escalabilidad.

Para abordar los antiguos problemas de escalabilidad y flexibilidad con los temas de Magento, los escaparates de PWA adoptan una arquitectura sin cabeza, que es un sistema que tiene su capa de presentación (p. ej., escaparates de Magento) desacoplada de su capa de lógica empresarial (p. ej., backend de Magento). Es gracias a este desacoplamiento de las dos capas fundamentales que los desarrolladores que trabajan en su escaparate pueden tener una mayor flexibilidad en el desarrollo, lo que lo convierte en un enfoque más escalable para las marcas emergentes.

Las tiendas que han optado por la ruta PWA informaron de sus éxitos de manera positiva, con un aumento promedio de la tasa de conversión que alcanzó el 52 %.

 Lectura recomendada: Comercio sin cabeza y cómo beneficia a los comerciantes

Fiabilidad

La confiabilidad es una preocupación para los temas de Magento. Dado que un tema de Magento personalizado hereda la mayoría de sus archivos de un tema principal y tiene su backend estrechamente acoplado con su interfaz, una actualización del tema principal que sale mal (lo cual es raro pero posible) puede romper todo su escaparate y dejar su negocio paralizado. durante días y días.

Un escaparate de PWA, por el contrario, no se crea en torno a un tema principal y no tiene cabeza por naturaleza, lo que significa que el escaparate (frontend) está desacoplado de su backend de Magento y no se comunica directamente con él, sino a través de una capa intermedia de API. . Y dado que el escaparate ahora está menos estrechamente relacionado con el backend de Magento, las actualizaciones se pueden instalar individualmente en el backend sin romper el frontend; Junto con el hecho de que los escaparates de PWA son básicamente módulos de React, las actualizaciones para su escaparate también se pueden implementar de una manera que minimice el riesgo, un módulo tras otro, lo que garantiza una operación más segura.

Características

En cuanto a las funciones proporcionadas, los temas de Magento son funcionales en cierto sentido, pero en realidad no sobresalen en este sentido, ya que siguen siendo sus sitios web tradicionales con accesibilidad de hardware limitada.

Las funciones proporcionadas por los escaparates de PWA, por otro lado, compiten con las aplicaciones móviles nativas gracias a su profunda integración con el sistema del dispositivo en uso. Los sitios web con tecnología PWA aprovechan las últimas tecnologías de la web para ofrecer funciones que antes eran exclusivas de las aplicaciones móviles nativas, como notificaciones automáticas, servicios de ubicación, agregar a la pantalla de inicio y capacidades fuera de línea, todo mientras conserva los beneficios de la web.

Ver esta publicación en Instagram

Siendo casi indistinguible de las aplicaciones nativas, Progressive Web App (PWA) es el futuro de la Web con sus funciones similares a las de una aplicación, una de las cuales es la capacidad de agregar PWA a la pantalla de inicio que potencialmente puede revolucionar la experiencia web. . . . #pwa #aplicación #aplicación nativa #diseñodesitioweb #web #google #chromedevsummit #chromedevsummit2019

Una publicación compartida por SimiCart (@simicart.official) en

 Artículo relacionado: 9 características imprescindibles de una PWA para comercio electrónico

Actuación

Con los temas de Magento, el rendimiento general de su escaparate puede verse afectado, ya que los desarrolladores que trabajan en su tema de Magento tienen menos control sobre los cambios que pueden realizar; y aunque algunos temas de Magento afirman estar optimizados para el rendimiento, la diferencia entre uno optimizado y uno no optimizado es prácticamente insignificante.

El rendimiento de una tienda de PWA tiene el potencial de ser mucho mejor que su contraparte del tema Magento debido a su uso de tecnologías de vanguardia. Los escaparates de PWA Studio utilizan GraphQL para su modelado de datos, que es un método moderno y más eficiente para reducir el tráfico de red y la velocidad de procesamiento.

Velocidad de página del escaparate de PWA
Un punto de referencia rápido de nuestro tema Moda muestra las puntuaciones más altas

Además, en términos de rendimiento percibido, una tienda PWA también brinda una experiencia fluida y conectada a los compradores como resultado de su mecanismo de almacenamiento en caché superior (trabajador de servicio). Por lo tanto, su escaparate de PWA no solo es rápido, sino que se sentirá rápido incluso cuando la conexión del comprador sea lenta e inestable.

Ventaja de costo

Para las pequeñas y medianas empresas que no requieren una gran personalización y funciones para su escaparate, los temas de Magento naturalmente tienen la ventaja de costos. Esto se debe al hecho de que el proceso de desarrollo de un tema típico de Magento realmente ha madurado con el tiempo, y los comerciantes que desean darle una nueva apariencia a su escaparate pueden elegir fácilmente un tema de Magento de la amplia selección de temas de Magento en ThemeForest, instalarlo y benefíciese de todas las mejoras visuales y de rendimiento que vienen con el tema instalado.

Temas de ThemeForest Magento
La amplia selección de temas de Magento ayuda a reducir los costos

No se puede decir lo mismo de los escaparates de PWA, ya que la disponibilidad sigue siendo un problema importante con este nuevo enfoque. Para tener un escaparate de PWA, por ejemplo, debe instalar el escaparate gratuito de Venia proporcionado por Magento o contratar un equipo dedicado de desarrolladores para trabajar en su escaparate de PWA, lo cual no es una solución fácil ni barata cuando todo el se consideran costos.

En el lado positivo, un escaparate de PWA requiere menos conocimientos específicos de Magento que desarrollar un tema tradicional de Magento. Las herramientas y los conceptos necesarios en el desarrollo de un escaparate de PWA también son más comunes entre los desarrolladores de front-end, por lo que un escaparate de PWA podría ser una solución más rentable a largo plazo, ya que es más fácil contratar a un desarrollador de frontend para trabajar en su Escaparate de PWA en lugar de contratar a un desarrollador de Magento.

 Artículo relacionado: ¿Cuánto cuesta construir una PWA para Magento?

Prueba una tienda de PWA

La selección actual de escaparates de PWA no es tan grande, pero está creciendo rápidamente. Recomendamos echar un vistazo rápido a la demostración de SimiCart PWA para ver la apariencia de una tienda básica de PWA.

Aquí en SimiCart, ofrecemos escaparates de PWA repletos de funciones y fáciles de instalar para su negocio. Con nuestra solución, puede tener todos los beneficios de una tienda PWA sin ninguno de los inconvenientes.

Cree su escaparate Magento PWA

Lee mas:
Cómo integrar PWA en Magento 2