GigaOM Radar Edge Platform Leader & Outperformer 2024 | 
우수한 사용자 환경을 제공하기 위해 노력하고 있는 기업들은 이제 PWA(Progressive Web Apps), SPA(Single-Page Applications) 및 React 웹 사이트를 비롯한 최신 기술을 채택하고 있습니다. 모바일 네트워크 성능은 더 이상 헤드리스 이커머스로 전환하고 점진적인 이커머스 웹 앱을 채택하여 빠른 전환의 경험을 제공하는 업계 리더들에게 큰 문제가 되지 않습니다.
속도는 매출과 동일하고 이커머스는 경쟁이 치열한 산업이기 때문에 진보적인 웹 앱 사례를 찾기가 어렵습니다. 그러나 PWA 채택자들이 더 높은 가시성, 트래픽, 참여 및 전환율을 얻고 있기 때문에 이러한 정보를 대중과 공유해야 한다고 생각합니다. 이커머스 기업들이 현재 환경을 이해하고 현재 위치를 파악할 수 있도록 매월 주요 이커머스 PWA 예제를 소개합니다. 이 할부 내에서 우리는 가정 장식, 소셜 네트워킹 및 대량 소매 업종의 산업에서 선도적 인 회사를 세분화했습니다.
PWA가 포함된 소셜 네트워킹 플랫폼
1. Pinterest – PWA
Pinterest는 iOS 및 Android 사용자를 위해 PWA를 구축한 초기 도입 업체 중 하나였습니다. 창의적인 마인드를 고취시키기 위한 플랫폼은 사람들이 모바일 경험을 떠나게 만들었습니다. Pinterest는 새로운 네이티브 앱과 유사한 PWA 경험을 통해 활성 모바일 사용자 수가 두 배 이상 증가했으며 세션 지속 시간은 거의 4 배 증가했다고 발표했습니다. 홈페이지 JavaScript 페이로드는 ~490kb에서 ~190kb로 증가하여 저대역폭 환경에서도 사용자를 위해 거의 즉각적인 페이지 로드를 생성했습니다. 푸시 알림, “홈 스크린에 추가” 프롬프트, “야간 모드” 설정 및 자산 캐싱은 모바일 사용자에게 진정으로 매력적인 경험을 제공했습니다.
2. 틴더 – PWA
Tinder는 250여 개국에서 6천만 명 이상의 월간 사용자를 만나는 데이트 앱으로, 데스크톱 및 모바일 사용자를 위한 PWA를 제공합니다. Tinder Online으로 알려진 새로운 웹 환경은 기본 앱 환경보다 사용자 세션당 더 많은 스와이프, 프로필 편집 및 시간을 수신합니다. 작은 크기의 PWA 코어는 Tinder가 로딩 시간을 11.9초에서 4.69초로 줄였으며, 사용자가 항상 높은 수준으로 참여하고 올바른 방향으로 쓸어넘길 수 있도록 했습니다.
Tinder PWA와 네이티브 앱 예제를 비교합니다. (출처: 중간)
3. 트위터 – PWA
사용자 몰입도를 높이기 위한 직접적인 노력의 일환으로, 트위터는 더 나은 사용자 경험을 제공하기 위해 PWA 기술을 채택했으며, 큰 성공을 거두었습니다. Twitter Lite는 세션당 페이지 수가 65% 증가하고 트윗 전송량이 75% 증가한 훌륭한 PWA 사례입니다. 데이터 세이버 모드를 추가하고 PWA의 크기를 60kb로 최적화함으로써 3억 명 이상의 활성 모바일 사용자가 2G 네트워크에서도 콘텐츠를 빠르게 탐색할 수 있었습니다.
PWA를 전달하는 가정 장식
4. 애니 셀케 – PWA + AMP + SSR
Annie Selke는 한 달에 170k 이상의 방문객에게 양질의 가정 장식을 제공합니다. SEO와 SEM에서 웹 사이트 속도가 얼마나 중요한지 이해한 이 홈퍼니싱 회사는 Edgio의 서버리스 백엔드(BFF)에서 자동 AMP 변환을 통해 PWA를 출시했습니다. Annie Selke는 Edgio에서 모바일 유기적 트래픽이 40.41% 급격히 증가했으며 브라우징 속도를 중간값 538ms로 단축했습니다. Annie Selke는 AMP, 서버 측 렌더링 및 PWA 기술을 통해 트래픽 소스에서 평균 0.74초의 첫 페이지 로딩 시간을 확인했습니다.
1초 미만의 이커머스 웹 사이트 제공
Edgio는 대규모 이커머스 웹사이트에 500ms 미만의 중간 페이지 로드를 지속적으로 제공합니다. 이러한 속도 향상은 15-30 %의 전환 상승으로 이어지는 것으로 알려져 있습니다.
5. 커클랜드의 주식 회사 – PWA + AMP + SSR
Kirkland’s는 37개 주에 있는 431개 매장을 넘어 언제든지 모든 고객에게 연락할 수 있도록 전자 상거래 PWA에 최적화되어 있습니다. 사이트 속도를 최적화하는 것이 주요 목표였으며, 이를 통해 경쟁력 있는 선두주자라고 판단했습니다. 이 홈 데코 소매업체는 Edgio 인프라에서 AMP 변환 및 서버 측 렌더링 지원이 내장된 Edgio의 오픈 소스 React PWA 프레임워크를 사용했습니다. Kirkland’s는 현재 가장 빠른 소매 웹 사이트 중 하나이며 1 초 이내에 페이지 로드, 손도장 결제 및 원 클릭 로그인으로 빠르고 쉽게 구매할 수 있습니다.
6. 웨스트 엘름 – PWA
모회사인 Williams-Sonoma Inc.가 소유한 West Elm은 모바일 상거래 경험을 위해 PWA 기술을 채택한 업계 리더입니다. 제품의 현대적인 스타일은 매월 4백만 명의 사용자를 위해 PWA 경험과 세련되고 세련된 모양과 느낌을 일치시킵니다. 이커머스 진보적인 웹 앱은 사이트 평균 시간이 15% 증가했으며 전환율은 9% 증가했습니다.
이커머스 PWA를 통한 대중 유통업체
7. 메이시스 – 스파
IR6 기업이자 의류 및 액세서리 업계 1위 업체인 Macy’s는 6천만 명 이상의 월간 방문객에게 최고의 경험을 제공하기 위해 헤드리스 이커머스로 전환했습니다. 그 결과, 지난 3년간 두 자릿수의 온라인 성장률을 기록했습니다. Macy의 사이트 속도는 크게 향상되었으며 검색 순위와 고객 경험을 향상시켰습니다. 최근 진행된 이 웨비나에서 Macy’s의 엔지니어링 담당 이사인 Lenny Stofsky는 헤드리스 접근 방식과 마이크로서비스 아키텍처를 통해 민첩성과 민첩성이 향상되었다고 말합니다. Stofsky는 다음과 같이 말합니다. “자동화된 개발 운영, 개선된 회귀 테스트, 확장 및 혁신을 위한 전담 팀을 통해 2주마다 배포할 수 있습니다.
Macys.com 엔지니어링 담당 이사인 Lenny Stofsky가 단일 벤더 전자 상거래 플랫폼에서 마이크로서비스 기반의 유연한 동급 최강의 시스템으로 전환하는 과정을 들어 보십시오.
8. 스테이플 – PWA
Staples의 웹 사이트 속도는 매출을 높이기 위해 가능한 최상의 사용자 경험을 제공하는 데 최우선 순위가 되었습니다. 이러한 바람직한 결과는 대량 소매업체가 로딩 시간이 증가하고 이탈률이 증가하며 전환율이 감소한다는 사실을 알게 됨에 따라 중요해졌습니다. Staples는 고객 여정 경험을 철저히 분석한 후 홈페이지 로딩 시간을 1초 단축하고 로딩 시간을 6초 단축하여 98번째 백분위수를 달성할 수 있었습니다. 그 결과 전환율이 10% 증가했습니다.
9. 목표 – PWA
Target은 매월 1억 명이 넘는 인상적인 방문객을 받고 있지만, 현대 기술을 채택하고 고객을 유치한 두 개의 선도적 인 전자 상거래 기업인 Amazon과 Walmart와 여전히 치열한 경쟁에 직면해 있습니다. Target은 모바일과 데스크톱 간의 원활한 전환을 만드는 데 중점을 두었습니다. 설문 조사에 따르면 대상 쇼핑객의 80%가 한 기기에서 소매 경험을 시작하고 다른 기기에서 마칠 가능성이 높습니다. 끊임없이 진화하는 환경에 신속하게 대응하기 위해 PWA는 핵심 디지털 스토어 제품을 개선하고 모바일 및 데스크탑 쇼핑객에게 매력적이고 통합된 환경을 제공하는 솔루션이 되었습니다.
10. 월마트 – 스파
월마트는 모든 부문에서 승리합니다. Walmart.com 및 Walmart 식료품점은 최신 기술을 사용하여 모바일 및 데스크톱 온라인 쇼핑 환경을 최적화합니다. 전 세계적으로 11,700 개가 넘는 소매 거인은 모든 고객을 경외하기를 원했습니다. “매장에 들어가거나 우리 사이트를 클릭 할 때”월마트 미국 COO 인 Judith McKenna가 말합니다. 현대의 기술은 몰입형 온라인 경험과 현장에서 소비하는 시간과 관련해 사이트 속도를 보는 방식에 큰 영향을 미쳤습니다. 이커머스 사이트는 페이지 로드가 100ms씩 향상될 때마다 매출이 최대 1% 증가한다는 사실을 발견했습니다.
결론
진보적인 웹 앱은 전자 상거래의 미래입니다. 현대 웹 기술의 새로운 시대에는 가능한 한 가장 빠른 사이트와 최고의 사용자 경험을 제공하여 경쟁 우위를 확보하기위한 전자 상거래 회사 간의 경쟁이 포함됩니다. 네이티브 앱은 더 이상 최상의 솔루션이 아닙니다. PWA는 동등하게 대화형이며 더 빠릅니다. 소비자는 빠른 속도에 대한 기대치를 가지고 있으며, 이커머스 전문가는 고객에게 번개처럼 빠르고 매력적인 경험을 제공하는 것이 현명합니다.
소음을 극복하기 위해 업계 선두 업체가 기존 웹 사이트에서 PWA/SPAS/React 웹 사이트로 전환하고 전환율과 SEO 성공을 이끄는 거의 즉각적인 경험을 제공하면서 조기 채택 사례를 따르십시오.
추가적인 점진적인 웹 앱 예제는 SPA, PWA 및 React 프레임워크를 사용하는 최신 전자 상거래 회사 목록을 확인하거나 컨설팅 대화를 예약하여 Edgio가 12주 내에 PWA를 시작하고 실행하는 데 어떻게 도움이 되는지 알아보세요.
