PWA baru juga memiliki waktu pemuatan rata-rata 30% lebih cepat daripada situs lama dan memiliki peningkatan rasio pantulan 12% dan kedalaman sesi 18%.
Orange Polska S.A. (bagian dari Orange Group internasional) adalah penyedia layanan telekomunikasi terkemuka di Polandia, termasuk layanan telekomunikasi seluler dan tetap seperti suara, data, akses internet, dan televisi. Kami juga menyediakan layanan IT dan integrasi, saluran yang disewakan, serta layanan dan peralatan bernilai tambah telekomunikasi lainnya.
Tantangan
Kita semua tahu perasaan cemas yang berubah menjadi kesal ketika situs web membutuhkan waktu lama untuk dimuat. Untuk perusahaan digital dengan sedikit atau tanpa kehadiran fisik, dampak dari hal ini sudah jelas, terutama dalam hal aplikasi seluler. Riset internal kami dengan jelas menunjukkan bahwa satu-satunya alasan penting untuk de-penginstalan aplikasi adalah kecepatan. Namun, jika Anda beroperasi di sektor yang sudah mapan seperti kami dengan strategi fisik yang kuat untuk saluran distribusi, dampak kecepatan digital tidak terlalu jelas, karena digital bukan satu-satunya sumber penjualan kami. Hal ini makin menyulitkan para eksekutif untuk membujuk para eksekutif agar berinvestasi pada kecepatan.
Saat mempromosikan kepada eksekutif, kami memperkuat kasus kami dengan menggunakan data histori performa di Google Analytics untuk menunjukkan dengan jelas korelasi antara waktu pemuatan dan rasio konversi. Berdasarkan fakta-fakta menarik, kami dapat menunjukkan bahwa setiap detik tambahan waktu muat halaman menghasilkan pendapatan dan penjualan yang 15-20% lebih rendah.
Pendekatan
Kami memutuskan untuk membuat Progressive Web App (PWA). Kami secara khusus berfokus pada traffic seluler karena lebih dari 75% pelanggan menggunakan situs kami melalui perangkat seluler. Tim berfokus sama untuk meningkatkan indikator performa utama dan memberikan pengalaman yang lebih menarik dan menarik.
Kami meluncurkan tim scrum lintas fungsi baru (termasuk profesional IT, bisnis, dan UX) yang bertujuan memberikan bukti konsep untuk menjawab pertanyaan berikut:
- Apakah kami dapat mengurangi waktu pemuatan secara efektif sekaligus tetap mematuhi batasan lama yang signifikan?
- Apa dampak sebenarnya terhadap konversi dan pendapatan?
Kami memilih Next.js karena banyaknya pengoptimalannya yang diaktifkan secara default atau mudah disiapkan, seperti rendering sisi server otomatis (yang sangat penting untuk SEO kami), pengambilan data data, dan pemisahan kode. Pertimbangan utama lainnya bagi kami adalah Next.js memungkinkan kami memigrasikan halaman satu per satu tanpa menimbulkan masalah apa pun di aplikasi lama. Meskipun demikian, kami harus mengelola transformasi di lingkungan kompleks tempat kami masih bergantung pada sistem lama, sehingga mengakibatkan ketidaktersediaan layanan. Untuk mengatasi hal ini, kami telah mengintegrasikan Workbox sehingga situs kami akan selalu tersedia meskipun backend dimatikan. Workbox juga memberi kami peningkatan performa yang bagus berkat solusi bawaannya untuk precaching, perutean permintaan, dan cache runtime.
Hasil
PWA baru kami memiliki waktu pemuatan rata-rata 30% lebih cepat daripada situs lama, konversi kami di perangkat seluler meningkat 52%, rasio pantulan meningkat 12%, dan kedalaman sesi kami meningkat 18%. Pengalaman ini telah memastikan arah strategis untuk mengubah semua solusi yang berhubungan langsung dengan pelanggan (termasuk frontend perawatan diri pelanggan dan salesman) menuju teknologi PWA.