Progressive Web Apps (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. Aplikasi ini menggabungkan jangkauan luas aplikasi web dengan kemampuan yang kaya dari aplikasi khusus platform untuk meningkatkan pengalaman pengguna.
Tiga pilar desain PWA
Untuk membuat PWA yang terasa sama bagusnya dengan aplikasi khusus platform, Anda harus mendesainnya agar andal, dapat diandalkan, dan dapat diinstal.
Mampu
Aplikasi web kini lebih canggih daripada sebelumnya, 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 mem-build aplikasi chat video hiperlokal menggunakan WebRTC, geolokasi, dan notifikasi push, lalu membuat aplikasi tersebut dapat diinstal dan menggunakan WebGL dan WebVR untuk memungkinkan percakapan beralih ke virtual reality. Pengenalan WebAssembly memungkinkan developer memanfaatkan ekosistem lain, seperti C, C++, dan Rust, serta menghadirkan berbagai fitur khusus platform selama beberapa dekade ke web. Contoh developer yang memanfaatkan kemampuan baru web adalah Squoosh.app, sebuah aplikasi pengompresi gambar berbasis web.
Meskipun beberapa kemampuan masih berada di luar jangkauan web, API baru dan mendatang 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 berfokus pada pengguna, sehingga menjaga keamanan pengguna dan membuat penggunaan situs baru menjadi lebih mudah.
Dapat diandalkan
Progressive Web App yang andal terasa cepat dan dapat diandalkan, terlepas dari jaringannya. Pengguna berhak mendapatkan aplikasi yang merespons interaksi dengan cepat, dan pengalaman yang dapat mereka andalkan.
Kecepatan sangat penting untuk mendorong pengguna menggunakan pengalaman Anda. Faktanya, saat waktu pemuatan halaman meningkat dari satu detik menjadi 10 detik, kemungkinan pengguna berhenti mengakses halaman tersebut meningkat sebesar 123%.
Masalah performa memengaruhi seluruh pengalaman pengguna, bukan hanya peristiwa onload. Pengalaman yang andal tidak akan membuat pengguna bertanya-tanya apakah interaksi
dengan aplikasi terdaftar atau tidak. Scroll dan animasi harus
terasa lancar. Pengguna perlu melihat aplikasi Anda berperforma baik sama seperti mereka
memerlukannya untuk benar-benar berperforma baik.
Aplikasi yang andal juga harus dapat digunakan terlepas dari koneksi jaringan. Pengguna mengharapkan aplikasi dimuat dengan cepat pada koneksi jaringan yang lambat atau tidak stabil, atau bahkan saat offline. Mereka mengharapkan konten terbaru yang telah mereka gunakan, seperti jalur media atau tiket dan itinerari, tersedia dan dapat digunakan meskipun aplikasi mengalami masalah saat mengirim permintaan ke server Anda. Jika permintaan tidak mungkin, mereka mengharapkan aplikasi memberi tahu mereka bahwa ada masalah, bukan gagal atau error secara diam-diam.
Dapat Diinstal
Membuat PWA dapat diinstal akan memindahkannya dari browser ke jendela mandiri, yang mengubah cara pengguna memikirkan dan berinteraksi dengannya. PWA yang diinstal dapat diluncurkan dari layar utama, dok, taskbar, atau galeri aplikasi pengguna. Pengguna dapat menelusurinya di perangkat dan beralih di antara aplikasi dengan pengalih aplikasi, sehingga aplikasi tersebut terasa seperti bagian dari perangkat tempat aplikasi diinstal.
Menginstal PWA juga akan menyediakan kemampuan baru, termasuk pintasan keyboard, yang biasanya dicadangkan 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 akan meningkatkan metrik dan meningkatkan nilai yang Anda dapatkan dari layanan. Beberapa contoh yang terkenal meliputi:
- PWA Twitter menghasilkan peningkatan halaman per sesi sebesar 65%, Tweet 75% lebih banyak, dan penurunan rasio pantulan sebesar 20%, sekaligus mengurangi ukuran aplikasi mereka sebesar lebih dari 97%.
- Setelah beralih ke PWA, Nikkei memperoleh peningkatan traffic organik sebesar 2,3 kali lipat, peningkatan langganan sebesar 58%, dan peningkatan pengguna aktif harian sebesar 49%.
- Hulu mengganti pengalaman desktop khusus platform mereka dengan PWA dan memperoleh peningkatan kunjungan kembali sebesar 27%.
Untuk mengetahui informasi selengkapnya tentang manfaat menggunakan PWA, lihat Cara Aplikasi Web Progresif dapat mendorong kesuksesan bisnis.