Magento 전자 상거래 스토어를 위해 PWA를 개발해야 하는 이유는 무엇입니까?

세상이 모바일로 전환됨에 따라 점점 더 많은 비즈니스 소유자가 고객에게 원활한 쇼핑 및 서비스 경험을 제공하기 위해 최선을 다하고 있습니다. 기존의 기본 iOS 및 Android 애플리케이션과 함께 프로그레시브 웹 애플리케이션도 이 산업에서 상당한 마진을 차지했습니다.

기본 iOS 및 Android 애플리케이션은 오랫동안 모바일 상호 작용을 지원해 왔으며 PWA는 고객이 모바일 장치를 활용하는 방식을 철저히 발전시킬 태세입니다. 매우 강력하고 앱과 유사한 브라우징 경험을 통해 이 진화하는 기술은 오늘날 기술에 정통한 고객의 실험적인 요구 사항을 날려 버릴 것입니다.

PWA에 대한 통계

Starbucks PWA는 일일 활성 사용자를 2배 늘렸습니다. 데스크톱에서의 주문은 모바일과 거의 동일합니다.

영국 의류 브랜드 George는 PWA로 업그레이드한 후 전환율이 31%, 이탈률이 2배, 페이지 조회수가 20% 증가했습니다. PWA는 이전 사이트보다 3.8배 더 빨랐습니다.

PWA 란 무엇입니까?

프로그레시브 웹 애플리케이션은 모바일 웹 브라우저에서 실행되는 JavaScript 애플리케이션입니다. 쉽게 말해 PWA는 웹 브라우저에서 실행되는 동안 일반 모바일 애플리케이션의 모습을 제공하는 웹 앱 또는 웹 페이지입니다. 이러한 PWA를 만드는 데 사용되는 고급 JS 기능은 향상된 사용자 경험, 방문자 참여도 및 높은 전환율과 함께 초고속 웹 페이지를 제공합니다. PWA는 웹 페이지와 기본 모바일 애플리케이션 간의 격차를 해소합니다. 네이티브 Android 또는 iOS 앱과 같은 데스크탑에 프로그레시브 웹 애플리케이션을 저장할 수 있습니다. PWA는 API를 통해 백엔드와 인터페이스합니다. 백엔드는 데이터베이스, FTP, 관리자 패널, Cpanel 및 카탈로그로 구축되고 분리된 프론트엔드는 고객이 보고 상호 작용하는 모든 것으로 구성됩니다.

프론트엔드 PWA는 서버에서 상품 내역 등의 데이터를 가져와 API를 통해 장바구니 항목 등의 데이터를 서버로 보낸다.

JS는 수년 동안 전자 상거래 개발의 일부였지만 지난 10년 동안 브라우저와 JS 엔진은 새로운 수준의 향상에 도달하여 애플리케이션이 기존 웹 페이지보다 더 나은 UI 경험을 제공할 수 있게 되었습니다.

프로그레시브 웹 애플리케이션 개발에 사용되는 일반적인 기술은 다음과 같습니다.

서비스 워커

이들은 웹 페이지와 독립적으로 실행되고 네트워크 요청을 가로챌 수 있는 JavaScript 프로그램입니다. 이들은 웹 작업자와 비슷하지만 동시에 다른 브라우저 탭에서 실행되는 기본 스레드에서 액세스할 수 있습니다.

캐시 API

이름에서 알 수 있듯이 PWA가 지원하는 요청/응답 개체 유형을 캐시합니다. 네트워크 요청과 응답을 저장하고 검색하는 시스템입니다. 서비스 워커가 네트워크 요청을 캐시하여 오프라인 상태에서도 적절한 응답을 제공할 수 있도록 만들었습니다.

웹 푸시 알림

웹 푸시 알림은 웹 애플리케이션에서 오는 알림 또는 메시지입니다. 고객은 웹 애플리케이션이 브라우저에서 실행되고 있지 않을 때 브라우저, 데스크탑 또는 모바일 장치에서 이를 받습니다.

웹 앱 매니페스트

웹 앱 매니페스트는 PWA에 대해 모바일 브라우저에 알려주고 사용자의 데스크톱이나 모바일 장치에 설치했을 때 PWA가 어떻게 응답해야 하는지 알려주는 JSON 파일입니다.

Magento eCommerce Store용 PWA를 개발하는 이유는 무엇입니까?

Magento는 전자 상거래 애플리케이션 개발에 가장 선호되는 플랫폼 중 하나입니다. 2018년에 이 플랫폼은 PWA 스튜디오를 도입하여 모자에 또 다른 깃털을 추가했습니다.

Magento PWA Studio는 특히 Magento로 구축된 웹사이트를 위한 프로그레시브 웹 애플리케이션 설계에 중점을 두고 있습니다. Magento와 PWA는 모두 전자 상거래 애플리케이션에 많은 이점을 제공합니다. PWA 스튜디오를 사용하면 전자 상거래 사이트를 PWA 앱으로 쉽게 변환할 수 있습니다.

다음은 Magento 애플리케이션의 PWA 개발의 번창하는 이점 중 일부입니다.

M-커머스 이용

이제 사람들은 정기적인 쇼핑을 위해 모바일 장치를 사용하는 것을 선호합니다. 실제로 보고서에 따르면 2019년 전자 상거래의 28%가 모바일을 사용하여 이루어지며 16억 명의 사람들이 모바일 장치를 사용하여 전 세계적으로 쇼핑합니다. 모바일을 통한 쇼핑에 대한 이러한 선호는 M-커머스 또는 모바일 커머스를 발생시켰습니다. 그러나 모든 기업이 전자 상거래 상점을 개발한 후 모바일 애플리케이션을 개발할 여력이 있는 것은 아닙니다. 이것이 PWA 애플리케이션이 도움이 되는 곳입니다. PWA 응용 프로그램은 전자 상거래 사이트용 모바일 앱을 얻고 앱 개발, 유지 관리 및 기타 비용을 크게 절약할 수 있는 비용 안정적인 솔루션을 제공합니다.

장치 제한 및 빠른 설치 문제 없음

모든 PWA는 HTML, CSS 및 JS로 작성되었습니다. 즉, 웹 연결이 있습니다. 따라서 사용자는 웹 브라우저에서 PWA에 액세스할 수 있습니다. Google Chrome, Mozilla Firefox 및 Safari와 같은 모든 주요 웹 브라우저는 PWA를 지원합니다.

이 외에도 PWA를 사용하면 앱 설치 시간을 절약할 수 있습니다. 기본 iOS 또는 Android 앱과 달리 탭 몇 번으로 PWA를 화면에 배치할 수 있습니다. 또한 PWA는 네이티브 또는 크로스 플랫폼 앱에 비해 훨씬 적은 공간을 차지합니다. 요컨대, PWA는 고객이 상점을 쉽게 탐색할 수 있으므로 장치 제한을 제거합니다. PWA를 사용하면 모든 주요 OS의 모든 장치에서 Magento 전자 상거래를 로드하고 공유할 수 있습니다.

또한 읽기: Magento 2 PWA -프로그레시브 웹 앱 설치 가이드

더 나은 성능

구글은 “사용자의 53%는 로딩이 3초 이상 걸리면 사이트를 떠날 것이다. 그리고 로드된 후 사용자는 사이트가 빠르고 버벅거림이 없고 응답이 느릴 것으로 기대합니다." PWA는 기본 브라우저 스레드와 별도로 실행되고 자산 캐싱을 능동적으로 제어하는 ​​JS 파일인 서비스 워커를 사용하므로 기존 기본 앱보다 훨씬 더 나은 속도와 성능을 제공합니다.

더 높은 전환율

Android 앱을 통한 쇼핑의 일반적인 사용자 흐름은 다음과 같습니다.

구글 플레이스토어 열기 -> 앱 검색 -> 설치 클릭 -> 권한 동의 -> 다운로드 후 대기 -> 사용

기존의 사용자 흐름과 반대로 PWA 변환 흐름은 훨씬 더 짧습니다. 브라우저 열기-> URL 방문 -> 거기에서 쇼핑을 시작하거나 기본 팝업에서 홈 화면에 추가합니다. PWA를 다운로드할 필요가 없다는 것을 항상 기억하십시오. PWA는 사용자가 홈 화면에 추가하지 않고도 모바일 웹 브라우저 내부의 모든 기능을 제공합니다.

오프라인 모드 제공

브라우저는 PWA를 캐시할 수 있으며 오프라인일 때 사용할 수 있습니다. 인터넷에 연결되어 있지 않아도 쇼핑객이 제품을 살펴볼 수 있으므로 제품 카탈로그가 있는 비즈니스에 적합합니다. 사용자의 참여도를 높이고 매출을 높입니다.

높은 SEO 친화적

전자 상거래 사이트가 상위 3개 Google 결과에서 차지하는 위치를 확보하는 것이 매우 중요합니다. Magento 애플리케이션을 PWA로 변환하여 이를 쉽게 달성할 수 있습니다. 인덱싱 가능한 웹 페이지 역할을 하고 고객에게 앱과 같은 경험을 제공합니다.

쉽게 말해서 PWA는 웹사이트와 앱의 다양한 용도를 제공합니다. 로딩 시간이 훨씬 짧고 웹사이트의 순위가 높아집니다. 물론 순위가 높을수록 비즈니스의 가시성이 향상될 수 있습니다.

수익 친화적

마지막으로 PWA는 네이티브 또는 크로스 플랫폼 애플리케이션에 지출해야 하는 많은 비용을 절약합니다. Google Play 스토어에서 앱을 업로드하는 일회성 요금은 $25입니다. Google Play 플랫폼을 통해 앱을 판매하거나 앱 내에서 결제하는 거래 수수료에는 30%의 거래 수수료가 있습니다.

Apple의 앱 스토어에 있는 동안 애플리케이션을 게시하고 유지 관리할 수 있는 권한에 대해 연간 $99를 지불해야 합니다. 또한 Apple은 앱 판매 및 인앱 구매에 대해 30%의 수수료를 받습니다. PWA는 이 비용을 절약합니다.

PWA의 혜택을 받은 브랜드

성공적인 회사는 앞으로 나올 모든 기술을 활용합니다. 크든 작든 모든 회사는 고객을 잃지 않고 더 많은 것을 얻기 위해 웹 사이트용 PWA를 개발하기 시작했습니다. 가장 디지털로 발전된 회사 중 일부는 이미 PWA를 최대한 활용하고 있습니다. 다음은 명단입니다.

트위터

Twitter는 Twitter Lite Platform에 PWA 기술을 사용하고 있습니다. 2017년 4월에 Twitter에 로그인하는 모든 사람의 기본 모바일 웹 환경이 되었습니다. 즉, 하루 1억 개에 해당합니다. 사용자 참여를 높이고 데이터 소비를 줄입니다.

• 세션당 페이지 수 65% 증가
• 보낸 트윗 75% 증가
• 이탈률 20% 감소

우버

Uber의 PWA를 사용하면 Uber 앱을 다운로드하여 설치하지 않고도 택시를 예약할 수 있습니다. Uber는 2초 이내에 로드할 수 있는 PWA 기술을 사용하며 이는 Google 순위에 놀라운 일이 될 것입니다.

플립카트

2015년 Flipkart는 모바일 전용 전략을 채택했습니다. 회사는 모바일 사이트를 폐쇄하고 모바일 앱에만 집중한 후 부정적인 결과를 관찰했습니다. PWA를 채택한 후 Flipkart는 현장 방문 시간을 3배로 늘렸습니다. 이제 사용자는 Flipkart Lite에서 평균 3.5분을 보낸 반면 이전 버전에서는 70초를 보냅니다. 또한 재참여율이 40% 더 높고 전환율이 70% 더 높습니다.

알리바바

전자 상거래 거대 기업 중 하나인 Alibaba는 사이트에 PWA를 채택한 후 브라우저 전반에 걸쳐 참여가 증가하고 있습니다. 총 전환수가 76% 증가했습니다. "홈 화면에 추가" 프롬프트는 사용자가 다른 모바일 사용자보다 4배 더 자주 재참여하도록 합니다.

포브스

가장 확실한 글로벌 미디어 회사 중 하나인 Forbes도 번개처럼 빠르고 빠른 로딩 기능을 위해 PWA를 채택했습니다. 그들의 전통적인 모바일 브라우저 경험은 평균적으로 로드하는 데 3초에서 12초 사이였습니다. 이제 PWA 기술을 설치하면 0.8초입니다.

워싱턴 포스트

네, 잘 들었습니다. 미국의 주요 신문 중 하나도 PWA를 선택했습니다. 트래픽의 거의 55%가 모바일 장치에서 발생합니다. PWA를 사용하면 하루에 1,000개 이상의 기사를 게시할 수 있으며 평균 로드 시간은 400밀리초입니다. 7일 이내에 돌아온 모바일 검색 사용자도 63% 증가했습니다.

결론적으로, Magento 전자 상거래 스토어용 프로그레시브 웹 응용 프로그램은 사용자 참여와 판매 수익을 크게 향상시킬 수 있다고 말할 수 있습니다. 따라서 PWA 개발 서비스를 제공하는 전자 상거래 개발 회사를 고용하는 것은 귀하의 비즈니스에 훌륭한 아이디어입니다.