Progressive Web App ב-Voot

הלוגו של Voot Lite

סיכום

Voot.com משיקה את אפליקציית המדיה שלה מסוג Progressive Web App בהודו. תוך ימים מההטמעה, זמן הביקור לכל משתמש גדל ב-39%, והמספר היומי של הצפיות לכל משתמש גדל ב-15%.

תוצאות

  • קיצור של 80% בזמן הטעינה של דפים
  • עלייה של 39% במשך הסשן לכל משתמש
  • ירידה של 19% בשיעור העזיבה
  • עלייה של 77% בהמרות ממבקר לצופה בסרטון
  • עלייה של 15% בממוצע הצפיות היומיות בסרטונים לכל משתמש

מידע על voot.com

צילום מסך של ההצבעה

Voot הוא אחד מהמוצרים המובילים בהודו לצפייה על פי דרישה, שזמין גם כאפליקציה מקורית וגם כאפליקציית אינטרנט לנייד. הוא מציע קרוב ל-35,000 שעות של תוכן פרימיום באינטרנט, כולל תוכניות בלעדיות מרשתות כמו Colors ו-MTV, ו-Vot Originals ומעל 8,000 סרטונים לילדים. Voot מנוהלת על ידי Viacom18, מיזם משותף בין Viacom ו-Network18 Group.

אתגר

מכשירים ניידים הם צורה עיקרית של צריכת מדיה בהודו. במכשירים כאלה בדרך כלל יש נפח אחסון מוגבל לאפליקציות מקוריות, כך שהאינטרנט לנייד הוא חלק קריטי מאסטרטגיית המוצרים של Voot.

רוב משתמשי Voot בנייד ניגשים לאינטרנט דרך רשתות 2G ו-3G עם חיוב לפי שימוש בנתונים. העברת הנתונים היא יקרה, ולמרות שהמשתמשים מקדישים תשומת לב רבה לסרטון כשהוא מתחיל לפעול, זמני הטעינה האיטיים גורמים למשתמשים להתייאש עוד לפני שהם מתחילים. כדי להתמודד עם האתגר הזה ולהגדיל את השימוש באינטרנט לנייד, ב-Voot רצו לשפר את האתר בעזרת תכונות של Progressive Web App.

פתרון

כדי לשפר את חוויית המשתמש הכוללת, Voot.com הפכה את האתר שלה ל-Progressive Web App תוך שימוש בתכונות כמו Add to Homescreen ו-Service Worker.

למרות ששירותי 4G הושקו לאחרונה, רוב המשתמשים בהודו מגיעים לאינטרנט דרך רשתות 2G ו-3G, בקצב העברת נתונים איטי ולפעמים גם יקר. כדי לצמצם את העברת הנתונים, ב-Voot.com בוצעה אופטימיזציה של התמונות במיוחד לניידים, והאתר מציג עכשיו באופן דינמי תמונות בפורמט JPEG או WebP, בהתאם ליכולות הדפדפן.

Voot.com גם הפחיתה את זמני הטעינה בכך שהוסיפה קובץ שירות (service worker) כדי לטעון מראש תמונות במהלך הניווט של המשתמש, וכדי לשמור תמונות במטמון לביקורים חוזרים. בנוסף, בוצע ניתוח של האתר באמצעות Lighthouse כדי לקבל תובנות לגבי הביצועים, מה שמאפשר הפחתת תקורת JavaScript ו-CSS והטמעה של קריאות לשרת סינכרוני.

האופטימיזציות האלה הובילו לירידה של 63% בהעברת הנתונים מטעינת דף בצפייה הראשונה, ולירידה של 86% בהעברת הנתונים למבקרים חוזרים. טעינת הדפים נעשתה מהירה יותר פי 5 עבור מבקרים חדשים וכמעט פי 7 מהר יותר למשתמשים חוזרים.

כדי לספק חוויה אמיתית כמו באפליקציה, הטמיעו ב-Voot.com גם את התכונה הוספה למסך הבית, שמאפשרת למשתמשים להפעיל את הדף ממסך הבית כמו אפליקציה מקורית. השילוב של תהליך התחברות פשוט ויעיל מאפשר למשתמשים לחדש את האינטראקציה בקלות ובמהירות עם האתר ולצפות בתוכניות האהובות עליהם.

Voot השיקה את ממשק המשתמש החדש שלה תחילה באינטרנט לנייד, לפני השקת האתר למחשב והאפליקציה המקורית. בתוך כמה ימים מרגע ההשקה, השיפורים הובילו לירידה של 19% בנטישה של משתמשים ולגידול של 77% בהמרה של משתמשים שצופים בסרטונים. המשתמשים הראו גם רמות גבוהות יותר של מעורבות, עם עלייה של 39% במשך הסשן הממוצע של המשתמשים, ועלייה של 15% בממוצע הצפיות היומיות בסרטונים לכל משתמש. לפי מדדי ההתעניינות של המשתמשים, הביצועים של Voot.com דומים לביצועים של האפליקציה המקורית, בלי שהמשתמשים יצטרכו להתקין שום דבר.

"הזרנו את נושא חוויית המשתמש באינטרנט לנייד על ידי שימוש ב-PWA", אומרת ראג'ניל קומאר, סמנכ"לית בכירה למוצרים וטכנולוגיה ב-OTT וב-Digital Ventures ב-Viacom18. "נראה שכל הזמן והמאמצים שהשקענו על שינויים בטכנולוגיה ובממשק המשתמש, וגם על אופטימיזציה, הניבו תוצאות חיוביות מאוד. נמשיך לשפר את המדיניות, ואנחנו בטוחים שנמשיך לראות עלייה משמעותית בצרכנים".