Apa itu Progressive Web App?

Progressive Web App (PWA) adalah aplikasi web yang dibuat dan ditingkatkan dengan API modern untuk memberikan kemampuan yang ditingkatkan, sekaligus tetap menjangkau pengguna web di perangkat apa pun dengan satu codebase. Solusi ini menggabungkan jangkauan luas aplikasi web dengan beragam kemampuan aplikasi khusus platform untuk meningkatkan pengalaman pengguna.

Tiga pilar desain PWA

Untuk membuat PWA yang nyaman digunakan sebagai aplikasi khusus platform, Anda harus mendesainnya agar mampu, andal, dan dapat diinstal.

Mampu

Aplikasi web sekarang semakin canggih, dan kemampuan tersebut terus berkembang. Baru-baru ini, software untuk web mulai mengembangkan kemampuan yang sebelumnya hanya dapat diakses oleh aplikasi khusus platform. Misalnya, kini Anda dapat membuat aplikasi video chat hiperlokal menggunakan WebRTC, geolokasi, dan notifikasi push, lalu membuat aplikasi tersebut dapat diinstal serta menggunakan WebGL dan WebVR untuk memungkinkan percakapan berpindah ke virtual reality. Dengan diperkenalkannya WebAssembly, developer dapat memanfaatkan ekosistem lain, seperti C, C++, dan Rust, serta menghadirkan beberapa dekade fitur khusus platform yang sebelumnya ke web. Contoh yang bagus dari developer yang memanfaatkan kemampuan baru web adalah Squoosh.app, kompresor gambar berbasis web.

Meskipun beberapa kemampuan masih belum dapat dijangkau oleh web, API baru dan yang akan datang terus memperluas kemampuan web dengan fitur seperti akses sistem file, kontrol media, badge aplikasi, dan dukungan papan klip penuh. Semua kemampuan ini dibuat menggunakan model izin web yang aman dan berpusat pada pengguna, menjaga keamanan pengguna dan membuat penggunaan situs baru tidak terlalu menakutkan.

Andal

Progressive Web App yang andal terasa cepat dan dapat diandalkan, apa pun jaringannya. Pengguna pantas mendapatkan aplikasi yang merespons interaksi dengan cepat, dan pengalaman yang dapat mereka andalkan.

Kecepatan sangat penting untuk mendorong pengguna menggunakan pengalaman Anda. Faktanya, seiring waktu pemuatan halaman meningkat dari satu detik menjadi 10 detik, kemungkinan pengguna terpantul meningkat sebesar 123%. Masalah performa memengaruhi seluruh pengalaman pengguna, bukan hanya peristiwa onload. Pengalaman yang andal tidak pernah membuat pengguna bertanya-tanya apakah interaksi dengan aplikasi didaftarkan atau tidak. Scroll dan animasi harus terasa halus. Pengguna harus merasakan aplikasi Anda berperforma baik sebagaimana yang mereka butuhkan untuk benar-benar berperforma baik.

Aplikasi yang andal juga harus dapat digunakan, apa pun koneksi jaringannya. Pengguna berharap aplikasi dimuat dengan cepat pada koneksi jaringan yang lambat atau tidak stabil, atau bahkan saat offline. Mereka mengharapkan konten terbaru yang pernah mereka gunakan untuk berinteraksi, seperti jalur media atau tiket dan itinerari, agar tersedia dan dapat digunakan meskipun aplikasi mengalami masalah dalam mengirim permintaan ke server Anda. Jika permintaan tidak memungkinkan, pengguna berharap aplikasi memberi tahu bahwa ada masalah, bukan mengalami kegagalan atau error secara diam-diam.

Dapat Diinstal

Membuat PWA Anda dapat diinstal akan memindahkannya dari browser dan menjadi jendela mandiri, sehingga mengubah cara pengguna memikirkan dan berinteraksi dengannya. PWA yang diinstal dapat diluncurkan dari layar utama, dok, taskbar, atau rak pengguna. Pengguna dapat menelusurinya di perangkat dan melompat di antara keduanya dengan pengalih aplikasi, membuatnya merasa seperti bagian dari perangkat tempatnya diinstal.

Menginstal PWA juga akan menyediakan kemampuan baru, termasuk pintasan keyboard, yang biasanya disediakan di browser. PWA juga dapat mendaftar untuk menerima konten dari aplikasi lain, atau menjadi aplikasi default untuk menangani jenis file tertentu.

Mendapatkan hasil dari PWA

Meluncurkan PWA tidak hanya meningkatkan pengalaman pengguna. Hal ini juga meningkatkan metrik dan meningkatkan nilai yang Anda dapatkan dari layanan Anda. Beberapa contoh menonjol mencakup:

  • PWA Twitter menghasilkan peningkatan halaman per sesi sebesar 65%, Tweet 75% lebih banyak, dan penurunan rasio pantulan sebesar 20%, sekaligus mengurangi ukuran aplikasi mereka lebih dari 97%.
  • Setelah beralih ke PWA, Nikkei memperoleh traffic organik 2,3 kali lebih banyak, langganan 58% lebih banyak, dan pengguna aktif harian 49% lebih banyak.
  • Hulu mengganti pengalaman desktop khusus platform mereka dengan PWA dan mengalami peningkatan kunjungan kembali sebesar 27%.

Untuk mengetahui informasi selengkapnya tentang manfaat menggunakan PWA, lihat Cara Progressive Web App dapat mendorong kesuksesan bisnis.