고객 스냅샷
Edgio의 Jamstack 솔루션이 Universal Standard의 디지털 경험을 혁신하고 놀라운 성장을 이끈 방법에 대해 알아보십시오.
Universal Standard는 세계에서 가장 사이즈가 포함된 의류 구색을 제공하는 온라인 패션 소매업체입니다. 혁신과 새로운 표준을 수립하여 Universal Standard의 개발자들은 디지털 경험을 향상시킬 수 있는 현대적인 Jamstack 웹사이트 솔루션을 모색했습니다.
Universal Standard는 사이트 속도와 웹 개발자 속도를 활용하기 위해 Edgio를 동적 사이트를 개발하고 운영하는 올인원 플랫폼으로 선택했습니다. 이 패션 소매업체는 이제 매주 2초 미만의 Nuxt 매장을 배포하고 Edgio에서 모바일 전환율을 200 % 인상했습니다.
“플랫폼 자체는 매우, 매우 빠릅니다.”
Justin Metros, 기술 책임자, 범용 표준
유니버설 스탠다드의 도전
Edgio에 입사하기 전에는 UniversalStandard.com Liquid 템플릿 언어로 작성된 전통적인 Shopify 사이트였으며 스토어프론트 서버에서 호스팅 및 서비스를 제공하고 CDN에 배포했습니다.
사이트가 복잡해짐에 따라 페이지 로드가 느려지고 모놀리식 아키텍처에서는 빠른 반복이 더욱 어려워졌습니다. 이 팀은 데이터 작업에서 UI 표시, 사이트 자체의 제어에 이르기까지 모든 영역에서 보다 유연성이 필요했습니다.
Universal Standard의 솔루션
더 나은 솔루션을 위한 첫 번째 단계는 헤드리스 아키텍처를 위해 프런트엔드를 백엔드에서 분리하는 것이었습니다. 이를 통해 Universal Standard는 Jamstack 생태계에서 동급 최강의 도구를 활용하면서 헤드리스 이커머스 CMS 및 결제 시스템에 Shopify를 사용할 수 있게 되었습니다.
다음으로, 팀은 우수한 개발자 경험과 함께 웹 사이트 속도, CDN 관리 및 보고 요구 사항을 충족하는 호스팅 플랫폼을 선택했습니다. Edgio의 애플리케이션 솔루션은 헤드리스 프런트엔드를 개발, 배포, 실행 및 모니터링하는 강력한 솔루션이 되었습니다.
오늘날 UniversalStandard.com Shopify 및 Prismic에 저장된 비즈니스 데이터를 가져올 수 있는 GraphQL 백엔드가 있는 Nuxt 웹 사이트입니다. 데이터 계층과 프런트엔드 사이에는 이제 Edgio가 존재하며, 이 Edgio는 GraphQL과 Nuxt.js 데이터를 캐시합니다.
플랫폼을 빠르고 쉽게 사용할 수 있을수록 개발자는 시간을 절약하고 더 많은 일을 할 수 있습니다. 이전 아키텍처에서는 다른 스테이징 환경을 만드는 것이 어렵고 번거로웠으며 개발 툴링도 부적절했습니다.
기술 책임자는 Edgio의 Git 기반 워크플로우와 최신 툴링이 더 빠르고 더 빈번한 배포를 의미한다고 설명했습니다. 팀은 독립적으로 작업하고, 에지 규칙을 로컬에서 실행하고, 사전 프로덕션 단계에서 미리 보고, 실시간 피드백을 제공할 수 있습니다.
“나는 문제를 해결하고 생산적이기 위해 필요한 모든 것을 가지고 있습니다.”Metros는 말했다.
Edgio에서의 배포는 정확하고 책임감 있으며 테스트가 가능합니다. 팀이 브랜치를 만들 때마다 원자적 배포와 즉각적인 롤백을 얻습니다. “개발자의 속도는 극적으로 증가했습니다.”
Edgio에서 시작한 직후 Universal Standard의 페이지 로드는 1.5초로 떨어졌습니다. 이전에는 네트워크 상태가 양호한 상태에서도 쇼핑객들이 제품 페이지가 로드되기까지 평균 4-7초를 기다렸습니다.
속도를 더욱 최적화하기 위해 팀은 Edgio의 EdgeJS를 통해 에지 캐싱을 활용했습니다. 이 전자 상거래 웹 사이트는 Universal Standard의 애플리케이션 코드 내에서 캐싱을 제어하여 기록을 깨고 1초 미만의 페이지 로드를 달성했습니다. 또한, 전자 상거래 사이트는 실시간 모니터링의 도움으로 모든 주요 페이지에 핵심 웹 바이탈을 전달하고 있습니다.
대부분의 전자 상거래 사이트와 마찬가지로 Universal Standard의 제품 콘텐츠(예: 재고 및 가격)는 분 단위로 업데이트되므로 실시간 업데이트를 위해 동적 페이지가 필요합니다. Edgio에서 유통업체는 거의 100개의 글로벌 PoP(Points of Presence)를 통해 95% 이상의 동적 콘텐츠를 엣지에 캐싱합니다.
“PoP의 수는 네트워크로의 왕복 시간을 줄여 대기 시간과 핑 시간을 극도로 낮춥니다.”라고 Metros는 말합니다.
평균적으로 UniversalStandard.com’s 홈페이지는 1.05초, 상품 리스팅 페이지(PLP)에서 상품 설명 페이지(PDP)로의 전환은 600ms 내에 로드됩니다.
“PoP의 수는 네트워크로의 왕복 시간을 줄여 대기 시간과 핑 시간을 극도로 낮춥니다.”라고 Metros는 말합니다.
Universal Standard가 헤드리스 아키텍처로 전환하고 Edgio의 애플리케이션 솔루션으로 플랫폼을 재구성하기로 결정하기 전에는 트래픽의 약 50%가 모바일과 데스크탑 모두로 이동했습니다. 그러나 모바일의 전환율은 데스크톱과 경쟁할 수 없었습니다.
Edgio의 성능 덕분에 Universal Standard는 현재 트래픽의 약 70%가 모바일에서 발생하고 있으며, 이는 전환율이 3배 증가하고, 평균 주문 금액이 42% 증가하고, 이탈률이 40% 감소하고, 매출이 전년 대비 81% 증가한 것을 의미합니다.
모바일 사용자는 사이트에서 3배의 시간을 소비하며, 지속 시간은 200% 증가합니다. “분명한 사실은, 우리 사용자들이 더 빠른 사이트를 통해 더 많은 경험을 즐기고 있다는 것입니다.”
Universal Standard는 Edgio 개발자 및 솔루션 엔지니어와 Slack 채널을 공유하여 문제를 신속하게 해결하고 도움을 제공합니다. 메트로스는 “Edgio 팀은 경이롭다”며 “팀은 항상 아이디어와 기꺼이 도울 의지를 가지고 테이블에 나온다”고 말했다.
고객이 특정 요구 사항에 맞는 동급 최고의 솔루션을 구축할 수 있다고 느낄 때 우리는 회사로서 승리합니다. 우리는 역동적인 전자 상거래 웹 사이트 운영의 복잡성을 이해하고 있으며 모든 단계에서 지원을 제공하는 전담 팀을 보유하고 있습니다.
