Setiap bulan, Mynet menghadirkan lebih dari 34 juta pengunjung ke situs mereka dengan konten dan layanan berita, video, game, keuangan, informasi, dan hiburan. Setelah meluncurkan Progressive Web App (PWA) yang menggunakan Accelerated Mobile Pages (AMP) untuk konten, mereka mengalami penurunan rata-rata waktu muat halaman sebesar 4X lipat. Selain itu, Mynet mengalami peningkatan engagement pengguna yang signifikan, dengan rata-rata waktu yang dihabiskan di situs seluler mereka meningkat 43%.
- Peningkatan pendapatan per kunjungan halaman artikel sebesar 25%
- Kecepatan pemuatan halaman rata-rata 4X lebih cepat
- Waktu rata-rata di situs 43% lebih lama
- Kunjungan halaman per sesi 34% lebih banyak
- Rasio pantulan lebih rendah 24%
Tantangan
Dengan lebih dari 85% traffic seluler mereka yang berasal dari web seluler, situs seluler Mynet menjadi bagian yang sangat penting dari strategi mereka. Namun, mereka melihat bahwa pengguna menghabiskan waktu 2X lebih sedikit di situs seluler dibandingkan pengguna aplikasi native mereka. Saat Mynet menganalisis perilaku pengguna di situs seluler, jelas bahwa pengalaman web seluler mereka terlalu lambat. Mynet perlu membuat situs seluler yang sangat cepat dan menarik, mirip dengan yang dapat mereka capai dengan aplikasi native.
Solusi
Untuk mendorong traffic dan re-engagement secara bersamaan, Mynet meluncurkan PWA yang menggunakan AMP untuk memberikan pengalaman seperti aplikasi yang cepat di web seluler. Dengan penyiapan ini, halaman artikel dimuat empat kali lebih cepat dibandingkan dengan situs seluler lama. Hal ini menyebabkan penurunan rasio pantulan sebesar 24%. Mynet juga melihat korelasi antara kecepatan dan engagement, karena pengguna mulai menghabiskan waktu 43% lebih banyak di situs ini. Mereka juga mengalami peningkatan kunjungan halaman sebesar 34% per sesi. Semua ini tercapai dalam beberapa tahap:
Memulai cepat dengan AMP
Pertama-tama, Mynet membangun dukungan untuk artikelnya, yang berfungsi sebagai halaman AMP mandiri. Hal ini memungkinkan aplikasi menampilkan hasil di carousel AMP pada hasil penelusuran Google. Hal ini juga memungkinkan aplikasi tersebut memberikan performa pemuatan halaman yang luar biasa bagi pengguna yang menjelajahi konten di web seluler, yang sangat penting pada jaringan yang terbatas atau tidak stabil. Meluncurkan halaman AMP mandiri bukanlah tantangan besar dengan sistem CMS mereka, dan hanya membutuhkan waktu dua minggu untuk meluncurkan semua konten artikel mereka di AMP.
Untuk memastikan bahwa iklan ditayangkan secepat dan seefisien mungkin, Mynet meluncurkan Iklan AMP. Iklan ini dimuat hingga dua kali lebih cepat daripada iklan standar, dengan rasio klik-tayang (CTR) dan pendapatan yang meningkat hingga 30%.
Tetap cepat dan berinteraksi kembali dengan PWA
Selanjutnya, Mynet ingin meningkatkan kualitas situs seluler mereka, jadi mereka membuat versi beta yang terpisah dari situs seluler mereka dengan teknologi PWA. Mereka mengandalkan teknologi ini untuk memberikan pengalaman pengguna (UX) yang lebih mirip aplikasi dan imersif, bukan memperbarui situs pokoknya secara minimal. Secara khusus, mereka memanfaatkan pekerja layanan untuk performa yang andal pada jaringan yang tidak stabil, dan pengguna meminta "Tambahkan ke Layar Utama" dan Notifikasi Push untuk interaksi kembali. Mereka membuat PWA terbaik di kelasnya dengan skor performa Lighthouse 95/100. (Lighthouse adalah alat otomatis untuk meningkatkan kualitas halaman web yang dapat dijalankan pada halaman mana pun di web.)
AMP dan PWA bekerja lebih baik bersama-sama
Setelah menguji AMP dan PWA sebagai versi mandiri dan mengoptimalkan performanya, Mynet siap melanjutkan ke tahap terakhir dalam pembuatan solusi terpadu untuk situs seluler mereka. Menempatkan halaman konten AMP ke dalam PWA menghasilkan kecepatan dan kegunaan di situs seluler baru mereka. Setelah situs gabungan AMP/PWA diluncurkan, Mynet mengurangi jumlah versi produksi web hingga setengahnya, yaitu seluler dan desktop, sehingga jumlah implementasi yang diperlukan untuk mengelola dan meningkatkan kualitas kode berkurang.
Mengapa menggunakan solusi AMP/PWA gabungan? AMP menghadirkan performa pemuatan halaman pertama yang luar biasa di web seluler, sementara PWA membuat kunjungan berulang menjadi cepat dan andal. Berkat perintah “Tambahkan ke Layar Utama” dan Notifikasi Push, PWA juga memungkinkan situs meningkatkan re-engagement pengguna. Bersama-sama, strategi ini memungkinkan Mynet memberikan pengalaman berkualitas tinggi pada kunjungan pertama atau berulang, apa pun kondisi jaringannya.
Sekitar 30% pengunjung situs web seluler Mynet menggunakan perangkat iOS. Mynet mengalami peningkatan rata-rata kunjungan halaman per sesi sebesar 15% dan penurunan rasio pantulan di iOS sebesar 23%. Semua dilakukan meskipun dengan fitur "Tambahkan ke Layar Utama", Notifikasi Push, dan caching offline tidak tersedia karena kurangnya dukungan pekerja layanan di iOS. Peningkatan interaksi ini dihasilkan dari peningkatan kecepatan dan antarmuka pengguna (UI) yang diberikan oleh PWA berbasis AMP.
Dampak keseluruhan dari penggunaan AMP dalam PWA mereka adalah peningkatan pendapatan iklan sebesar 25% per kunjungan halaman artikel.
Dengan kembali fokus pada kecepatan, kami memutuskan untuk mengintegrasikan AMP dan membuat Progressive Web App. AMP penting untuk mengurangi pengabaian halaman, dan sekarang kami melihat halaman AMP dimuat empat kali lebih cepat. Dengan membuat PWA, kami mencapai kesetaraan fitur dengan aplikasi kami, sehingga pengguna kini menghabiskan waktu 43% lebih banyak di situs dan berinteraksi kembali lebih sering.
Jt. Fuat Seker , Business Development and Product Group Manager, Mynet
Hasil tambahan
- Waktu pemuatan 2 kali lebih cepat dengan Iklan AMP
- CTR dan pendapatan 30% lebih tinggi dengan Iklan AMP
- Peningkatan 15% pada kunjungan halaman rata-rata per sesi di iOS
- Rasio pantulan lebih rendah 23% di iOS