PWA baru ini juga memiliki waktu pemuatan rata-rata 30% lebih cepat daripada situs lama dan telah meningkatkan rasio pantulan sebesar 12% dan kedalaman sesi sebesar 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 sewa, serta layanan dan peralatan nilai tambah telekomunikasi lainnya.
Tantangan
Kita semua tahu perasaan cemas yang berubah menjadi jengkel saat situs membutuhkan waktu lama untuk dimuat. Bagi perusahaan digital yang memiliki sedikit atau tidak ada kehadiran fisik, dampaknya sangat jelas, terutama saat menyangkut aplikasi seluler, di mana riset internal kami dengan jelas menunjukkan bahwa satu-satunya alasan terpenting untuk meng-uninstal aplikasi adalah kecepatan. Namun, jika Anda beroperasi di sektor yang mapan seperti kami dengan strategi fisik yang kuat untuk saluran distribusi, dampak kecepatan digital tidak begitu jelas, karena digital bukan satu-satunya sumber penjualan kami. Hal ini membuat lebih sulit untuk meyakinkan eksekutif agar berinvestasi dalam kecepatan.
Saat mengajukan proposal kepada eksekutif, kami memperkuat argumen dengan melihat data performa historis di Google Analytics untuk menunjukkan korelasi antara waktu pemuatan dan rasio konversi dengan jelas. Dengan fakta yang jelas, kami dapat menunjukkan bahwa setiap detik tambahan waktu pemuatan halaman menyebabkan menurunnya pendapatan dan penjualan sebesar 15-20%.
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 ini berfokus secara merata pada meningkatkan indikator performa utama dan memberikan pengalaman yang lebih menarik dan atraktif.
Kami meluncurkan tim scrum lintas fungsi baru (termasuk profesional IT, bisnis, dan UX) yang bertujuan memberikan bukti konsep untuk menjawab pertanyaan berikut:
- Apakah kita dapat secara efektif mengurangi waktu pemuatan sekaligus mematuhi batasan lama yang signifikan?
- Apa dampak sebenarnya terhadap konversi dan pendapatan?
Kami memilih Next.js karena banyak pengoptimalannya yang diaktifkan secara default atau mudah disiapkan, seperti rendering sisi server otomatis (yang sangat penting untuk SEO kami), pengambilan 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 kami. Namun, kami harus mengelola transformasi di lingkungan yang kompleks, tempat kami masih mengandalkan sistem lama, sehingga layanan tidak tersedia. Untuk mengatasi hal ini, kami telah mengintegrasikan Workbox sehingga situs kami akan selalu tersedia meskipun backend tidak berfungsi. Workbox juga memberi kami peningkatan performa yang baik terima kasih atas solusi bawaannya untuk pra-caching, pemilihan rute permintaan, dan caching 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 kami meningkat 12%, dan kedalaman sesi kami meningkat 18%. Pengalaman ini telah mengonfirmasi arah strategis untuk mengubah semua solusi yang ditampilkan kepada pelanggan (termasuk frontend layanan mandiri pelanggan dan salesman) ke teknologi PWA.