요약
Voot.com은 인도에서 미디어 Progressive Web App을 출시합니다. 구현 후 며칠 만에 사용자당 세션 시간이 39%, 사용자당 일일 조회수가 15% 증가했습니다.
결과
- 페이지 로드 시간 80% 단축
- 사용자당 세션 시간 39% 증가
- 이탈률 19% 감소
- 방문자에서 동영상 시청자로 전환 77% 증가
- 사용자당 평균 일일 동영상 조회수 15% 증가
voot.com 정보
Voot은 네이티브 앱과 모바일 웹 앱으로 제공되는 인도 최고의 VOD 제품 중 하나입니다. Voot은 Colors, MTV 등의 네트워크,Voot Originals, 8, 000개 이상의 어린이용 동영상을 포함해 온라인에서 35,000시간에 달하는 프리미엄 콘텐츠를 온라인으로 제공합니다. Voot은 Viacom과 Network18 Group의 합작 벤처 기업인 Viacom18에서 운영합니다.
당면 과제
휴대기기는 인도의 주요 미디어 소비 형태입니다. 이러한 기기는 네이티브 앱을 위한 저장소가 제한되는 경우가 많으므로 모바일 웹은 Voot 제품 전략의 중요한 부분을 차지합니다.
대부분의 모바일 Voot 사용자는 데이터 전송량 제한이 있는 2G 및 3G 네트워크를 통해 인터넷에 액세스합니다. 데이터 전송은 비용이 많이 들며 사용자는 동영상 재생을 시작하면 동영상에 대한 집중도가 높아지지만, 로드 시간이 느리면 사용자는 동영상이 시작되기도 전에 포기하게 됩니다. Voot은 이러한 문제를 해결하고 모바일 웹 사용을 늘리기 위해 프로그레시브 웹 앱 기능을 통해 사이트를 개선하고자 했습니다.
해결 방법
Voot.com은 전반적인 사용자 환경을 개선하기 위해 '홈 화면에 추가' 및 서비스 워커와 같은 기능을 활용하여 사이트를 프로그레시브 웹 앱으로 전환했습니다.
4G 서비스가 최근에 출시되었지만, 대부분의 인도 사용자는 데이터 전송 속도가 느리고 때로는 비싼 2G 및 3G 네트워크를 통해 인터넷에 연결합니다. Voot.com은 전송되는 데이터를 줄이기 위해 모바일에 맞게 이미지를 최적화했으며, 이제 이 사이트에서는 브라우저 기능에 따라 JPEG 또는 WebP 이미지를 동적으로 제공합니다.
또한 Voot.com은 사용자가 탐색할 때 이미지를 미리 로드하고 반복 방문을 위해 이미지를 캐시하는 서비스 워커를 추가하여 로드 시간을 줄였습니다. 또한 이 사이트는 성능 통계를 얻기 위해 Lighthouse로도 분석되었으며, 그 결과 JavaScript 및 CSS 오버헤드를 줄이고 동기식 서버 호출의 구현을 줄일 수 있었습니다.
이러한 최적화 결과, 최초 조회 페이지 로드 데이터 전송이 63% 감소하고 재방문자의 데이터 전송이 86% 감소했습니다. 페이지 로드 속도는 신규 방문자의 경우 5배, 재방문 사용자의 경우 약 7배 빨라졌습니다.
실제 앱과 같은 환경을 제공하기 위해 Voot.com은 홈 화면에 추가도 구현하여 사용자가 네이티브 앱처럼 홈 화면에서 페이지를 실행할 수 있게 했습니다. 이를 통해 간소화된 로그인 프로세스와 함께 사용자가 사이트에 빠르고 쉽게 재참여하여 좋아하는 TV 프로그램을 시청할 수 있습니다.
Voot은 데스크톱 웹과 네이티브 앱보다 먼저 모바일 웹에서 새 UI를 출시했습니다. 출시 후 며칠 만에 사용자 이탈이 19% 감소하고 방문자에서 동영상 시청자로 전환되는 비율이 77% 증가했습니다. 또한 사용자의 참여도 수준이 높아져 평균 사용자 세션 시간이 39%, 사용자당 평균 일일 동영상 조회수가 15% 증가했습니다. 이러한 사용자 참여도 측정항목은 사용자가 아무것도 설치하지 않아도 Voot.com이 네이티브 앱과 유사한 실적을 내고 있음을 보여줍니다.
Viacom18의 OTT 및 디지털 벤처 부문의 제품 및 기술 책임자 겸 SVP인 라지닐 쿠마르는 다음과 같이 말합니다. “우리는 PWA를 채택함으로써 모바일 웹의 사용자 경험 측면에서 큰 변화를 일으켰습니다. "기술과 UI의 변화뿐 아니라 최적화에 투자한 시간과 노력이 매우 긍정적인 결과를 보여주고 있는 것 같습니다. 앞으로 이를 더욱 개선해 나갈 것이며, 앞으로도 상당한 소비자 증가가 발생할 것이라 확신합니다."