Progressive Web App ที่ Voot

โลโก้ Voot Lite

สรุป

Voot.com เปิดตัว Progressive Web App สำหรับสื่อในอินเดีย ภายในไม่กี่วันหลังใช้งาน เวลาของเซสชันต่อผู้ใช้เพิ่มขึ้น 39% และการดูรายวันต่อผู้ใช้เพิ่มขึ้น 15%

ผลลัพธ์

  • เวลาในการโหลดหน้าเว็บลดลง 80%
  • ระยะเวลาเซสชันต่อผู้ใช้เพิ่มขึ้น 39%
  • อัตราตีกลับลดลง 19%
  • Conversion จากผู้เข้าชมเป็นผู้ชมวิดีโอเพิ่มขึ้น 77%
  • ยอดดูวิดีโอเฉลี่ยรายวันเพิ่มขึ้น 15% ต่อผู้ใช้

เกี่ยวกับ voot.com

ภาพหน้าจอ Voot

Voot เป็นหนึ่งในผลิตภัณฑ์วิดีโอออนดีมานด์ยอดนิยมของอินเดีย โดยให้บริการเป็นทั้งแอปที่มาพร้อมเครื่องและเว็บบนอุปกรณ์เคลื่อนที่ โดยให้บริการเนื้อหาพรีเมียม ออนไลน์เกือบ 35,000 ชั่วโมง รวมถึงรายการพิเศษจากเครือข่ายต่างๆ เช่น Colors และ MTV ตลอดจน Voot Originals และวิดีโอสำหรับเด็กกว่า 8,000 รายการ Voot ดำเนินการโดย Viacom18 ซึ่งเป็น กิจการร่วมค้าระหว่าง Viacom กับ Network18 Group

ชาเลนจ์

อุปกรณ์เคลื่อนที่เป็นการบริโภคสื่อรูปแบบหลักในอินเดีย อุปกรณ์ประเภทนี้มักมีพื้นที่เก็บข้อมูลที่จำกัดสำหรับแอปที่มาพร้อมเครื่อง ทำให้เว็บบนอุปกรณ์เคลื่อนที่เป็นส่วนสำคัญของกลยุทธ์ผลิตภัณฑ์ Voot

ผู้ใช้ Voot บนอุปกรณ์เคลื่อนที่ส่วนใหญ่เข้าถึงอินเทอร์เน็ตผ่านเครือข่าย 2G และ 3G แบบจำกัดปริมาณ การโอนข้อมูลจะมีค่าใช้จ่ายสูง และแม้ว่าผู้ใช้จะตั้งใจดูวิดีโอเมื่อเริ่มเล่น แต่การโหลดที่ใช้เวลานานจะทำให้ผู้ใช้ยอมแพ้ก่อนที่ประสบการณ์จะเริ่มต้นขึ้น เพื่อรับมือกับความท้าทายดังกล่าวและเพิ่มการใช้งานเว็บบนอุปกรณ์เคลื่อนที่ Voot ต้องการปรับปรุงเว็บไซต์ด้วยฟีเจอร์ Progressive Web App

โซลูชัน

เพื่อปรับปรุงประสบการณ์ของผู้ใช้โดยรวม Voot.com ได้เปลี่ยนเว็บไซต์ของตนเป็น Progressive Web App โดยใช้ฟีเจอร์ต่างๆ เช่น "เพิ่มลงในหน้าจอหลัก" และ Service Worker

แม้ว่าบริการ 4G จะเปิดตัวไปเมื่อเร็วๆ นี้ แต่ผู้ใช้ส่วนใหญ่ในอินเดียจะเข้าถึงอินเทอร์เน็ตผ่านเครือข่าย 2G และ 3G ซึ่งมีอัตราการโอนข้อมูลต่ำและแพงในบางครั้ง Voot.com เพิ่มประสิทธิภาพรูปภาพสำหรับอุปกรณ์เคลื่อนที่โดยเฉพาะเพื่อลดการรับส่งข้อมูล และตอนนี้เว็บไซต์ดังกล่าวจะแสดงรูปภาพ JPEG หรือ WebP แบบไดนามิก ทั้งนี้ขึ้นอยู่กับความสามารถของเบราว์เซอร์

นอกจากนี้ Voot.com ยังลดเวลาในการโหลดโดยเพิ่ม Service Worker ให้โหลดรูปภาพล่วงหน้าขณะที่ผู้ใช้ไปยังส่วนต่างๆ และแคชรูปภาพเมื่อเข้าชมซ้ำ นอกจากนี้ ยังวิเคราะห์เว็บไซต์โดย Lighthouse เพื่อรับข้อมูลเชิงลึกด้านประสิทธิภาพ ซึ่งช่วยลดค่าใช้จ่ายของ JavaScript และ CSS และช่วยให้ใช้งานการเรียกเซิร์ฟเวอร์พร้อมกันได้ง่ายขึ้น

การเพิ่มประสิทธิภาพเหล่านี้ส่งผลให้การโอนข้อมูลการโหลดหน้าเว็บครั้งแรกลดลง 63% และการโอนข้อมูลสำหรับผู้เข้าชมที่กลับมาลดลง 86% การโหลดหน้าเว็บเร็วขึ้น 5 เท่าสำหรับผู้เข้าชมครั้งแรก และเร็วขึ้นเกือบ 7 เท่าสำหรับผู้ใช้ที่กลับมา

เพื่อมอบประสบการณ์การใช้งานแบบแอปอย่างแท้จริง Voot.com ยังนำ เพิ่มลงในหน้าจอหลัก โดยช่วยให้ผู้ใช้เปิดหน้าเว็บจากหน้าจอหลักได้เหมือนแอปที่มาพร้อมเครื่อง ซึ่งวิธีนี้ช่วยให้เข้าใช้เว็บไซต์อีกครั้งและดูรายการโปรดได้อย่างรวดเร็วและง่ายดาย

Voot เปิดตัว UI ใหม่ในเว็บบนอุปกรณ์เคลื่อนที่ก่อน ก่อนเว็บบนเดสก์ท็อปและแอปที่มาพร้อมเครื่อง ภายในไม่กี่วันหลังเปิดตัว การปรับปรุงนี้ลดอัตราการหยุดกลางคันของผู้ใช้ลง 19% และ Conversion จากผู้เข้าชมเป็นผู้ดูวิดีโอเพิ่มขึ้น 77% นอกจากนี้ ผู้ใช้ยังแสดงให้เห็นถึงระดับการมีส่วนร่วมที่สูงขึ้น โดยเวลาเซสชันของผู้ใช้โดยเฉลี่ยเพิ่มขึ้น 39% และการดูวิดีโอรายวันโดยเฉลี่ยต่อผู้ใช้เพิ่มขึ้น 15% เมตริกการมีส่วนร่วมของผู้ใช้เหล่านี้แสดงให้เห็นว่า Voot.com มีประสิทธิภาพการทำงานใกล้เคียงกับแอปที่มาพร้อมเครื่อง โดยที่ผู้ใช้ไม่จำเป็นต้องติดตั้งอะไรเลย

"เราสร้างความแตกต่างอย่างมากเมื่อพูดถึงประสบการณ์ของผู้ใช้บนเว็บบนอุปกรณ์เคลื่อนที่ด้วยการใช้ PWA" Rajneel Kumar รองประธานอาวุโสฝ่ายผลิตภัณฑ์และเทคโนโลยีสำหรับ OTT และ Digital Ventures ของ Viacom18 กล่าว “ตลอดเวลาที่ผ่านมาและความพยายามที่เราทุ่มเทให้กับการเปลี่ยนแปลงเทคโนโลยีและ UI รวมถึงการเพิ่มประสิทธิภาพนั้นดูเหมือนว่าจะให้ผลลัพธ์ที่ดีมากๆ เราจะปรับแต่งเรื่องนี้ต่อไปและมั่นใจว่าจะยังเห็นการยกระดับผู้บริโภคอย่างมีนัยสำคัญต่อไป"