Progressive Web App di Voot

Logo Voot Lite

Ringkasan

Voot.com meluncurkan Progressive Web App media mereka di India. Dalam hari penerapan, waktu sesi per pengguna meningkat 39% dan tampilan harian per pengguna sebesar 15%.

Hasil

  • 80% pengurangan waktu muat halaman
  • Peningkatan waktu sesi per pengguna sebesar 39%
  • Penurunan rasio pantulan sebesar 19%
  • Peningkatan konversi dari pengunjung ke penonton video sebesar 77%
  • Peningkatan rata-rata tontonan video harian per pengguna sebesar 15%

Tentang voot.com

Screenshot voot

Voot adalah salah satu produk video on-demand teratas di India, yang tersedia baik sebagai aplikasi native maupun aplikasi web seluler. Voot menawarkan hampir 35.000 jam konten premium online, termasuk acara eksklusif dari jaringan seperti Colors dan MTV, serta Voot Originals, dan lebih dari 8.000 video untuk anak-anak. Voot dijalankan oleh Viacom18, perusahaan bersama antara Viacom dan Network18 Group.

Tantangan

Perangkat seluler adalah bentuk utama konsumsi media di India. Perangkat tersebut sering kali memiliki penyimpanan terbatas untuk aplikasi native, sehingga web seluler menjadi bagian penting dari strategi produk Voot.

Sebagian besar pengguna Voot seluler mengakses Internet melalui jaringan 2G dan 3G berkuota. Transfer data itu mahal, dan meskipun pengguna sangat berkomitmen pada video setelah video mulai diputar, waktu pemuatan yang lambat dapat menyebabkan pengguna menyerah sebelum pengalaman bahkan dapat dimulai. Untuk mengatasi tantangan tersebut dan meningkatkan penggunaan web seluler, Voot ingin menyempurnakan situs mereka dengan fitur Progressive Web App.

Solusi

Untuk meningkatkan pengalaman pengguna secara keseluruhan, Voot.com mengubah situs mereka menjadi Progressive Web App, menggunakan fitur seperti Tambahkan ke Layar Utama dan pekerja layanan.

Meskipun layanan 4G baru-baru ini diluncurkan, sebagian besar pengguna di India menjangkau internet melalui jaringan 2G dan 3G, dengan kecepatan transfer data yang lambat dan terkadang mahal. Untuk mengurangi data yang ditransfer, Voot.com mengoptimalkan gambarnya secara khusus untuk perangkat seluler, dan situs ini kini secara dinamis menayangkan gambar JPEG atau WebP secara dinamis bergantung pada kemampuan browser.

Voot.com juga mengurangi waktu pemuatan dengan menambahkan pekerja layanan untuk melakukan pramuat gambar saat pengguna menavigasi, dan untuk meng-cache gambar untuk kunjungan berulang. Situs tersebut juga dianalisis dengan Lighthouse untuk mendapatkan insight performa, sehingga memungkinkan pengurangan overhead JavaScript dan CSS, serta implementasi panggilan server sinkron.

Pengoptimalan ini menghasilkan penurunan transfer data pemuatan halaman tampilan pertama sebesar 63% dan pengurangan transfer data sebesar 86% untuk pengunjung yang kembali. Pemuatan halaman menjadi 5 kali lebih cepat bagi pengunjung pertama kali, dan hampir 7 kali lebih cepat bagi pengguna yang kembali.

Untuk menawarkan pengalaman seperti aplikasi yang sesungguhnya, Voot.com juga mengimplementasikan tambahkan ke layar utama, yang memungkinkan pengguna meluncurkan halaman dari layar utama seperti aplikasi native. Proses ini dikombinasikan dengan proses login yang sederhana memungkinkan pengguna berinteraksi kembali dengan situs dan menonton acara favorit mereka dengan cepat dan mudah.

Voot meluncurkan UI barunya terlebih dahulu di web seluler, sebelum web desktop dan aplikasi native. Beberapa hari setelah peluncuran, peningkatan ini menghasilkan penurunan pengabaian pengguna sebesar 19% dan peningkatan konversi sebesar 77% dari pengunjung ke penonton video. Pengguna juga menunjukkan tingkat engagement yang lebih tinggi, dengan peningkatan rata-rata waktu sesi pengguna sebesar 39% dan peningkatan jumlah tontonan video harian rata-rata per pengguna sebesar 15%. Metrik engagement pengguna ini menunjukkan bahwa Voot.com berperforma mirip dengan aplikasi native, tanpa mengharuskan pengguna menginstal apa pun.

"Kami telah meningkatkan pengalaman pengguna di Web Seluler dengan mengadopsi PWA secara signifikan," ujar Rajneel Kumar, SVP - Head of Product and Technology for OTT and Digital Ventures di Viacom18. “Semua waktu dan upaya yang kami habiskan untuk perubahan teknologi dan UI serta pengoptimalan tampaknya menunjukkan hasil yang sangat positif. Kami akan terus menyempurnakannya dan kami yakin akan terus mengalami peningkatan konsumen yang signifikan.”