Magento 테마와 PWA Storefront 비교

게시 됨: 2020-10-21

목차

프로그레시브 웹 앱이 모든 곳에서 웹 개발대한 새로운 접근 방식이 되면서 Magento 자체도 가만히 있지 않고 PWA Studio를 통해 더 많은 PWA 채택을 추진하는 새로운 방법을 도입했습니다. 이 새로운 접근 방식을 더 잘 이해할 수 있도록 오늘 우리 기사에서는 PWA 상점을 기존 Magento 테마와 비교하고 이 새로운 접근 방식이 정말로 가치가 있는지 결정하는 데 도움을 줄 것입니다.

Magento 테마 이해하기

정의

Magento 테마는 일반 사용자의 용어로 사용자 정의 템플릿, 레이아웃, 스타일 및 이미지의 조합으로 Magento 관리자는 물론 상점 전면에 통일된 모양과 느낌을 제공합니다.

작동 방식

전통적인 Magento 테마는 상속 개념을 따릅니다. 즉, 사용자 지정 Magento 테마는 항상 Magento(공백)에서 제공하는 기본 테마 위에 구축되며 기능에 대해 핵심 Magento 애플리케이션에 크게 의존합니다. Magento 테마는 귀하와 같이 기술에 익숙하지 않은 판매자를 위해 쉽게 설치 및 구성할 수 있도록 만들어졌지만 사용 중인 인프라(기존 CMS)의 고유한 단점으로 인해 고유한 한계가 있습니다.

Magento 테마는 인터넷의 다양한 플랫폼, 특히 Magento 마켓플레이스와 ThemeForest에서 찾을 수 있습니다. 특히 ThemeForest에는 다양한 산업 분야의 600개 이상의 Magento 테마와 템플릿이 있습니다.

Magento의 Luma 테마
Magento의 기본 Luma 테마

PWA 매장과 차이점

정의

간단히 말해서 PWA 상점은 최첨단 기능과 성능 향상을 추진하기 위해 웹에서 가장 최근에 발전한 Progressive Web App으로 구동되는 상점입니다.

작동 방식

Magento 테마에서 채택된 상속 개념과 달리 PWA 상점은 인프라가 연결되는 방식으로 인해 더 유연합니다. 헤드리스 및 Magento 백엔드에서 분리됩니다. 이 인프라는 PWA Studio와 같은 개발 도구를 사용하여 가능하여 상점 전면이 본질적으로 모듈식이고 최신 기능과 기술을 갖추고 있는지 확인합니다.

PWA 스토어프론트는 사용 가능한 예제의 수에서 여전히 뒤쳐져 있지만, 거기에 도달하고 있습니다. 기본적인 경험을 위해서는 Magento의 Venia 매장 또는 자체 Siminia 매장을 권장합니다. 더 매력적인 경험을 원하신다면 패션 업계가 비주얼에 특별한 초점을 맞추도록 맞춤 제작된 Fashion 매장이 적합해야 합니다.

SimiCart 패션 테마
패션 테마의 우아한 모양과 느낌 [데모]

Magento 테마와 PWA 상점 비교

개요

PWA 스토어프론트는 도전적인 솔루션이기는 하지만 장기적이고 실용적이며 더 의미가 있습니다. 그러나 이것이 Magento 테마가 제자리를 찾지 못한다는 의미는 아닙니다. 새로운 Magento 판매자가 여전히 플랫폼과 Magento 매장의 기본 사항과 매력적인 매장이 더 많은 전환을 유도하는 방법에 대해 알아보세요.

마젠토 테마 PWA 매장
설치 용이성 엑스
테마/매장 수 엑스
유연성 및 확장성 엑스
신뢰할 수 있음 엑스
특징 엑스
성능 엑스
비용 우위 엑스

세부 사항으로 들어가면

설치 용이성

전통적인 Magento 테마는 오래되었지만 상점 정면의 모양을 변경하는 것이 가능 하고 일반인도 쉽게 접근 할 수 있도록 하는 목적에 부합하지 않았다고 말할 수는 없습니다. Magento 테마를 사용하는 판매자는 자체 Magento 테마 또는 타사 Magento 테마를 간단히 설치/제거하여 상점의 모양을 변경할 수 있습니다. 이렇게 하면 판매자가 세련되고 매력적인 매장 경험을 제공하는 데 많은 노력이 필요하지 않습니다.

Magento 테마 흐름
Magento 테마 흐름
출처: Magento 테마 개요

반면 PWA 매장은 사용 편의성보다 실용성과 기능성을 중시하는 다른 철학(헤드리스 CMS)을 따릅니다. 이것이 바로 PWA 스토어프론트의 일반적인 설치 프로세스가 일반 판매자에게 너무 기술적이고 개발자 중심적인 것으로 간주될 수 있는 이유입니다.

Venia 스토어프론트 설치
Venia 스토어프론트 설치
출처: 마젠토

테마/매장 수

상속 개념 덕분에 Magento 테마를 작업하는 개발자는 견고하고 편리한 기본 테마(Blank)를 기반으로 비교적 적은 노력으로 사용자 지정 Magento 테마를 만들 수 있습니다. 현재 다양한 산업 분야에 600개 이상의 Magento 테마 및 템플릿이 있으며 이 수는 오늘날까지 계속 증가하고 있습니다.

상대적으로 새로운 기술이기 때문에 PWA 매장에는 강점만큼 숫자가 있다는 사치가 없습니다. Magento 가맹점에 더 많은 PWA 매장을 제공하기 위해 노력해 온 솔루션 제공업체로서의 우리의 관점에서 PWA 매장의 전체 개발 프로세스가 Magento 테마 대응.

그러나 PWA 스토어프론트의 수가 빠르게 증가하고 있으며 머지 않아 Magento 테마의 스토어프론트 수를 초과할 가능성이 높다는 것을 확신할 수 있습니다. 개인적으로 우리는 가까운 장래에 시장에 출시할 준비가 되어 있는 많은 PWA 상점을 보유하고 있으며 PWA 상점의 채택을 앞으로 나아가는 데 효과적으로 도움이 될 것입니다.

우리의 다가오는 PWA 매장
우리의 다가오는 PWA 매장

유연성 및 확장성

Magento 테마 개발자는 특정 테마 파일만 변경할 수 있으므로 전체 개발 프로세스는 본질적으로 제한적입니다. 이는 중소기업에 영향을 미치지 않아야 하지만 매장 전면에 정기적인 모양 변경을 적용하려는 대기업의 경우 이러한 유연성 부족으로 인해 추가 확장성 문제가 발생할 수 있습니다.

Magento 테마의 오래된 확장성 및 유연성 문제를 해결하기 위해 PWA 매장은 비즈니스 로직 계층(예: Magento 백엔드)에서 분리된 프레젠테이션 계층(예: Magento 매장)이 있는 시스템인 헤드리스 아키텍처를 채택합니다. 상점 첫 화면에서 작업하는 개발자가 개발에 더 나은 유연성을 가질 수 있는 두 가지 기본 계층의 이러한 분리 덕분에 결과적으로 신흥 브랜드에 대한 확장 가능한 접근 방식이 되었습니다.

PWA 경로를 택한 상점은 평균 전환율 상승이 52%에 이르는 긍정적인 성공을 보고했습니다.

 추천 자료: 헤드리스 상거래 및 그것이 판매자에게 미치는 이점

신뢰할 수 있음

신뢰성은 Magento 테마의 관심사입니다. 사용자 지정 Magento 테마는 상위 테마에서 대부분의 파일을 상속하고 백엔드와 프론트엔드가 밀접하게 연결되어 있기 때문에 잘못된 상위 테마 업데이트(드물지만 가능)는 전체 상점을 손상시키고 비즈니스를 마비시킬 수 있습니다. 며칠 동안.

이와 대조적으로 PWA 스토어프론트는 상위 테마를 중심으로 구축되지 않고 본질적으로 헤드리스입니다. 즉, 스토어프론트(프론트엔드)가 Magento 백엔드에서 분리되고 직접 통신하지 않고 중간 API 레이어를 통해 통신합니다. . 그리고 상점 전면이 이제 Magento 백엔드와 덜 밀접하게 연결되어 있으므로 프론트엔드를 손상시키지 않고 백엔드에 업데이트를 개별적으로 설치할 수 있습니다. PWA 스토어프론트가 기본적으로 결합된 React 모듈이라는 사실과 함께 스토어프론트에 대한 업데이트는 위험을 최소화하는 방식으로 롤아웃할 수 있습니다.

특징

제공되는 기능 면에서 Magento 테마는 어떤 의미에서는 기능적이지만 하드웨어 액세스가 제한된 기존 웹 사이트이기 때문에 이 점에서 실제로 탁월하지는 않습니다.

반면에 PWA 스토어프론트에서 제공하는 기능은 사용 중인 장치 시스템과의 긴밀한 통합 덕분에 기본 모바일 앱과 경쟁합니다. PWA 기반 웹 사이트는 웹의 최신 기술을 활용하여 푸시 알림, 위치 서비스, 홈 화면에 추가, 오프라인 기능과 같이 이전에 기본 모바일 앱에 독점적이었던 기능을 제공하는 동시에 웹의 이점을 계속 유지합니다.

인스타그램에서 이 게시물 보기

기본 애플리케이션과 거의 구별할 수 없는 PWA(프로그레시브 웹 앱)는 앱과 유사한 기능을 갖춘 웹의 미래입니다. . . . #pwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

SimiCart(@simicart.official)가 공유한 게시물

 관련 기사: 전자상거래를 위한 PWA의 9가지 필수 기능

성능

Magento 테마를 사용하면 Magento 테마에서 작업하는 개발자가 변경할 수 있는 항목에 대한 제어 권한이 줄어들기 때문에 상점 전면의 전반적인 성능이 저하될 수 있습니다. 일부 Magento 테마는 성능에 최적화되어 있다고 주장하지만 최적화된 테마와 최적화되지 않은 테마의 차이는 거의 무시할 수 있습니다.

PWA 매장의 성능은 최첨단 기술을 사용하기 때문에 Magento 테마 제품보다 훨씬 더 나은 잠재력을 가지고 있습니다. PWA Studio 매장은 데이터 모델링을 위해 GraphQL을 사용합니다. 이는 네트워크 트래픽과 처리 속도를 줄이는 보다 효율적인 현대적인 방법입니다.

PWA 상점 첫 페이지 속도
패션 테마의 빠른 벤치마크는 차트 상위권 점수를 보여줍니다.

또한 인지된 성능 측면에서 PWA 매장은 우수한 캐싱 메커니즘(서비스 작업자)의 결과로 쇼핑객에게 연결되고 원활한 흐름을 제공합니다. 따라서 PWA 매장 빠를 뿐만 아니라 쇼핑객의 연결이 느리고 불안정한 경우에도 빠르게 느껴질 것 입니다.

비용 우위

매장 전면에 광범위한 사용자 지정 및 기능이 필요하지 않은 중소기업의 경우 Magento 테마는 당연히 비용 이점이 있습니다. 이것은 전형적인 Magento 테마의 개발 프로세스가 시간이 지남에 따라 정말 성숙했고 상점 전면에 새로운 모습을 가져오려는 판매자가 ThemeForest의 방대한 Magento 테마 중에서 Magento 테마를 쉽게 선택하고 설치할 수 있기 때문입니다. , 설치된 테마와 함께 제공되는 모든 시각적 및 성능 향상의 이점을 누릴 수 있습니다.

ThemeForest 마젠토 테마
다양한 Magento 테마 선택으로 비용 절감

이 새로운 접근 방식에서는 가용성이 여전히 주요 문제이기 때문에 PWA 매장에 대해서도 같은 말을 할 수 없습니다. 예를 들어, PWA 매장을 갖기 위해서는 Magento에서 제공하는 무료 Venia 매장을 설치하거나 PWA 매장에서 작업할 전담 개발자 팀을 고용해야 합니다. 비용이 고려됩니다.

플러스 측면에서 PWA 상점은 전통적인 Magento 테마를 개발하는 것보다 Magento 관련 지식이 필요합니다. PWA 스토어프론트 개발에 필요한 도구와 개념은 프론트엔드 개발자들 사이에서도 더 일반적입니다. 따라서 PWA 스토어프론트는 장기적으로 더 비용 효율적인 솔루션이 될 수 있습니다. Magento 개발자를 고용하는 대신 PWA 매장.

 관련 기사: Magento용 PWA를 구축하는 데 비용이 얼마나 드나요?

PWA 스토어프론트 사용해보기

현재 PWA 매장의 선택은 그리 크지 않지만 빠르게 성장하고 있습니다. 기본적인 PWA 매장의 모양과 느낌에 대해 SimiCart PWA 데모를 간단히 살펴보는 것이 좋습니다.

여기 SimiCart에서 우리는 귀하의 비즈니스를 위한 기능이 풍부하고 설치가 쉬운 PWA 상점을 제공합니다. 당사 솔루션을 사용하면 단점 없이 PWA 매장의 모든 이점을 누릴 수 있습니다.

Magento PWA 매장 구축

더 읽어보기:
Magento 2에서 PWA를 통합하는 방법