Comparando o tema Magento com o PWA Storefront

Publicados: 2020-10-21

Índice

Com o P rogressive Web App sendo a nova abordagem para o desenvolvimento web em todos os lugares, o próprio Magento também não ficou parado e introduziu uma nova maneira de impulsionar mais adoções de PWA com o PWA Studio. Para melhor ajudá-lo a entender melhor essa nova abordagem, nosso artigo de hoje tentará comparar a vitrine do PWA com o tema tradicional do Magento e ajudá-lo a decidir se essa nova abordagem realmente vale a pena.

Entendendo um tema Magento

Definição

O tema Magento, em termos leigos, é uma combinação de modelos, layouts, estilos e imagens personalizados para trazer uma aparência unificadora à sua vitrine, bem como ao seu administrador Magento.

Como funciona

Os temas tradicionais do Magento seguem um conceito de herança, o que significa que os temas personalizados do Magento são sempre construídos em cima de um tema base fornecido pelo Magento (Blank) e são altamente dependentes do aplicativo principal do Magento para funcionalidade. O tema Magento foi feito para ser facilmente instalável e configurável para comerciantes sem experiência em tecnologia, como você, mas vem com seu próprio conjunto de limitações devido às desvantagens inerentes da infraestrutura em uso (CMS tradicional).

Exemplos

Os temas Magento podem ser encontrados em várias plataformas na Internet, principalmente no mercado Magento e no ThemeForest. Especialmente no ThemeForest, por exemplo, existem mais de 600 temas e modelos Magento em vários setores.

Tema Luma por Magento
O tema básico Luma da Magento

Vitrine PWA e como ela é diferente

Definição

Uma vitrine PWA, em suma, é uma vitrine alimentada pelo Progressive Web App, que é o mais recente avanço da Web para impulsionar recursos de ponta e aprimoramentos de desempenho.

Como funciona

Ao contrário do conceito de herança adotado nos temas do Magento, as vitrines do PWA são mais flexíveis devido à maneira como sua infraestrutura está conectada - sem cabeça e desacoplada do back-end do Magento. Essa infraestrutura é possível com o uso de ferramentas de desenvolvimento como o PWA Studio para garantir que a(s) vitrine(s) seja de natureza modular e equipada com os mais recentes recursos e tecnologias.

Exemplos

A loja PWA ainda está atrasada no número de exemplos disponíveis, mas está chegando lá. Para uma experiência básica e barebone, recomendamos Venia storefront by Magento ou nossa própria loja Siminia. E caso você queira uma experiência mais envolvente, a vitrine de moda deve ser perfeita para você, pois foi feita sob medida para a indústria da moda para oferecer um foco especial no visual.

Tema de moda SimiCart
Uma aparência elegante com o tema Moda [Demo]

Comparando o tema Magento com a vitrine do PWA

Visão geral

As vitrines do PWA fazem mais sentido como uma solução de longo prazo, prática, embora desafiadora, mas isso não significa que os temas Magento também não tenham seu lugar, pois ainda é uma ótima maneira de novos comerciantes Magento conhecerem a plataforma e saiba mais sobre os conceitos básicos de uma vitrine Magento e como uma vitrine envolvente pode gerar mais conversões.

Tema Magento Vitrine de PWA
Facilidade de instalação X
Número de temas/vitrines X
Flexibilidade e escalabilidade X
Confiabilidade X
Características X
atuação X
Vantagem de custo X

Entrando nos detalhes

Facilidade de instalação

O tema tradicional do Magento é antigo, mas você não pode dizer que não serviu ao seu propósito - que é tornar a mudança da aparência das vitrines possível e mais acessível até mesmo para os leigos. Os comerciantes que usam temas Magento podem alterar a aparência de sua vitrine com uma simples instalação/desinstalação de um tema Magento próprio ou de um tema Magento de terceiros. Dessa forma, não é preciso muito esforço, se for o caso, para os comerciantes oferecerem uma experiência de vitrine refinada e envolvente.

Fluxo de temas Magento
Fluxo de temas Magento
Fonte: Visão geral dos temas Magento

A vitrine PWA, por outro lado, segue uma filosofia diferente (CMS headless) que valoriza a praticidade e a funcionalidade sobre a facilidade de uso. É por isso que o processo de instalação típico de uma vitrine de PWA pode ser considerado muito técnico e mais orientado ao desenvolvedor para o comerciante médio.

Instalando a vitrine Venia
Instalando a vitrine Venia
Fonte: Magento

Número de temas/vitrines

Graças ao conceito de herança, os desenvolvedores que trabalham em temas Magento podem ter um tema base sólido e conveniente (Blank) como base com o qual podem criar temas Magento personalizados com relativamente pouco esforço. Atualmente, existem mais de 600 temas e modelos Magento em vários setores, e esse número ainda está crescendo até hoje.

Sendo uma tecnologia relativamente nova, as vitrines de PWA não têm o mesmo luxo de ter números como força. Essa falta de variedade e disponibilidade de vitrines de PWA - do nosso ponto de vista como um provedor de soluções que tem trabalhado para entregar mais vitrines de PWA aos comerciantes Magento - é de se esperar, já que todo o processo de desenvolvimento de vitrines de PWA não é tão fácil quanto sua contraparte de temas Magento.

No entanto, você pode ter certeza de que o número de vitrines de PWA está crescendo rapidamente e provavelmente excederá o dos temas Magento em pouco tempo. Do nosso lado, pessoalmente, temos muitas vitrines de PWA que estarão prontas para chegar ao mercado em um futuro próximo, ajudando efetivamente a impulsionar a adoção de vitrines de PWA.

Próximas vitrines de PWA de nós
Próximas vitrines de PWA de nós

Flexibilidade e escalabilidade

Como os desenvolvedores de temas Magento só podem alterar determinados arquivos de tema, todo o processo de desenvolvimento é de natureza restritiva. Isso não deve afetar empresas de pequeno e médio porte, mas para empresas maiores que desejam implementar mudanças regulares de aparência em suas vitrines, essa falta de flexibilidade pode levar a mais problemas de escalabilidade.

Para resolver os antigos problemas de escalabilidade e flexibilidade com temas Magento, as vitrines PWA adotam a arquitetura headless, que é um sistema que tem sua camada de apresentação (por exemplo, vitrines Magento) desacoplada de sua camada de lógica de negócios (por exemplo, backend Magento). É graças a essa dissociação das duas camadas fundamentais que os desenvolvedores que trabalham em sua vitrine podem ter maior flexibilidade no desenvolvimento, consequentemente tornando-a uma abordagem mais escalável para marcas emergentes.

As lojas que seguiram a rota do PWA relataram seus sucessos positivamente, com um aumento médio da taxa de conversão chegando a 52%.

 Leitura recomendada: Comércio sem cabeça e como isso beneficia os comerciantes

Confiabilidade

A confiabilidade é uma preocupação para os temas Magento. Como um tema personalizado do Magento herda a maioria de seus arquivos de um tema pai e tem seu back-end fortemente acoplado ao seu front-end, uma atualização do tema pai que der errado (o que é raro, mas possível) pode quebrar toda a sua vitrine e deixar seu negócio paralisado por dias a fio.

Uma vitrine PWA, por outro lado, não é construída em torno de um tema pai e é sem cabeça em sua natureza, o que significa que a vitrine (front-end) é desacoplada de seu back-end Magento e não se comunica diretamente com ele, mas por meio de uma camada de API intermediária . E como a vitrine agora está menos acoplada ao back-end do Magento, as atualizações podem ser instaladas individualmente no back-end sem quebrar o front-end; juntamente com o fato de que as vitrines de PWA são basicamente módulos React juntos, as atualizações para sua vitrine também podem ser implementadas de maneira a minimizar o risco - um módulo após o outro, garantindo uma operação mais segura.

Características

Em termos de recursos fornecidos, os temas Magento são funcionais em certo sentido, mas eles não se destacam nesse aspecto, pois ainda são seus sites tradicionais com acessibilidade limitada de hardware.

Os recursos fornecidos pelas vitrines PWA, por outro lado, rivalizam com os aplicativos móveis nativos graças à sua profunda integração com o sistema do dispositivo em uso. Os sites com tecnologia PWA aproveitam as tecnologias mais recentes da Web para fornecer recursos anteriormente exclusivos para aplicativos móveis nativos, como notificações push, serviços de localização, adição à tela inicial e recursos off-line — tudo isso mantendo os benefícios da Web.

Veja esta postagem no Instagram

Sendo quase indistinguível dos aplicativos nativos, o Progressive Web App (PWA) é o futuro da Web com seus recursos semelhantes a aplicativos, um dos quais é a capacidade de adicionar PWA à tela inicial que pode revolucionar potencialmente a experiência na web. . . . #pwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

Uma postagem compartilhada por SimiCart (@simicart.official) em

 Artigo relacionado: 9 recursos obrigatórios de um PWA para comércio eletrônico

atuação

Com os temas Magento, o desempenho geral da sua vitrine pode ser afetado, pois os desenvolvedores que trabalham no tema Magento têm menos controle sobre o que podem fazer alterações; e mesmo que alguns temas do Magento afirmem ser otimizados para desempenho, a diferença entre um otimizado e um não otimizado é praticamente insignificante.

O desempenho de uma vitrine PWA tem o potencial de ser muito melhor do que sua contraparte do tema Magento devido ao uso de tecnologias de ponta. As vitrines do PWA Studio usam o GraphQL para sua modelagem de dados, que é um método moderno e mais eficiente de reduzir o tráfego de rede e a velocidade de processamento.

Velocidade de página da vitrine do PWA
Uma referência rápida do nosso tema Moda mostra as melhores pontuações

Além disso, em termos de desempenho percebido, uma vitrine PWA também traz uma experiência conectada e fluida aos compradores como resultado de seu mecanismo de armazenamento em cache superior (service worker). Portanto, sua vitrine de PWA não apenas é rápida, mas também se sentirá rápida mesmo quando a conexão do comprador for lenta e instável.

Vantagem de custo

Para empresas de pequeno e médio porte que não exigem personalização e recursos extensivos para sua vitrine, os temas Magento naturalmente têm a vantagem de custo. Isso se deve ao fato de que o processo de desenvolvimento de um tema típico do Magento realmente amadureceu com o tempo, e os comerciantes que desejam trazer um novo visual para sua loja podem facilmente escolher um tema Magento da vasta seleção de temas Magento no ThemeForest, instalá-lo , e se beneficie de todos os aprimoramentos visuais e de desempenho que acompanham o tema instalado.

Temas ThemeForest Magento
A vasta seleção de temas Magento ajuda a reduzir custos

O mesmo não pode ser dito sobre as vitrines do PWA, pois a disponibilidade ainda é um grande problema com essa nova abordagem. Para ter uma vitrine PWA, por exemplo, você precisa instalar a vitrine gratuita Venia fornecida pela Magento ou contratar uma equipe dedicada de desenvolvedores para trabalhar em sua vitrine PWA, o que não é uma solução barata nem fácil quando todos os custos são considerados.

No lado positivo, uma loja PWA requer menos conhecimento específico do Magento do que desenvolver um tema tradicional do Magento. As ferramentas e conceitos necessários em um desenvolvimento de vitrine PWA também são mais comuns entre os desenvolvedores front-end, portanto, uma vitrine PWA pode ser uma solução mais econômica a longo prazo, pois é mais fácil contratar um desenvolvedor front-end para trabalhar em seu PWA storefront em vez de contratar um desenvolvedor Magento.

 Artigo relacionado: Quanto custa construir um PWA para Magento?

Experimente uma vitrine PWA

A seleção atual de vitrines PWA não é tão grande, mas está crescendo rapidamente. Recomendamos uma rápida olhada no SimiCart PWA Demo para a aparência de uma vitrine básica do PWA.

Aqui no SimiCart, oferecemos vitrines PWA repletas de recursos e fáceis de instalar para o seu negócio. Com nossa solução, você pode ter todos os benefícios de uma vitrine PWA sem nenhum dos inconvenientes.

Construa sua vitrine Magento PWA

Consulte Mais informação:
Como integrar o PWA no Magento 2