Progressive Web Apps (PWA) adalah aplikasi web yang dibuat dan ditingkatkan dengan API modern untuk memberikan kemampuan yang lebih baik sekaligus menjangkau pengguna web di perangkat apa pun dengan satu codebase. Mereka menggabungkan jangkauan luas aplikasi web dengan kemampuan canggih aplikasi khusus platform untuk meningkatkan pengalaman pengguna.
Tiga pilar desain PWA
Untuk membuat PWA yang terasa nyaman digunakan seperti aplikasi khusus platform, Anda harus mendesainnya agar memiliki kemampuan, keandalan, dan dapat diinstal.
Mampu
Aplikasi web kini lebih mumpuni daripada sebelumnya, dan kemampuannya terus berkembang. Baru-baru ini, software untuk web mulai mengembangkan kemampuan yang sebelumnya hanya dapat diakses oleh aplikasi khusus platform. Misalnya, Anda kini dapat membuat aplikasi chat video hiperlokal menggunakan WebRTC, geolokasi, dan notifikasi push, lalu membuat aplikasi tersebut dapat diinstal dan menggunakan WebGL serta WebVR untuk memungkinkan percakapan berpindah ke virtual reality. Pengenalan WebAssembly memungkinkan developer memanfaatkan ekosistem lain, seperti C, C++, dan Rust, serta menghadirkan fitur yang sebelumnya khusus untuk platform ke web. Contoh bagus developer yang memanfaatkan kemampuan baru web adalah Squoosh.app, kompresor gambar berbasis web.
Meskipun beberapa kemampuan masih di luar jangkauan 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 dibangun menggunakan model izin yang aman dan berfokus pada pengguna di web, sehingga menjaga keamanan pengguna dan membuat penggunaan situs baru tidak terlalu menakutkan.
Dapat diandalkan
Progressive Web App yang andal terasa cepat dan dapat diandalkan terlepas dari jaringan. Pengguna berhak mendapatkan aplikasi yang merespons interaksi dengan cepat, dan pengalaman yang dapat mereka andalkan.
Kecepatan sangat penting untuk membuat pengguna menggunakan pengalaman Anda. Faktanya, saat waktu muat 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
saja. Pengalaman yang andal tidak pernah membuat pengguna bertanya-tanya apakah ada interaksi dengan aplikasi yang tercatat atau tidak. Scroll dan animasi harus terasa lancar. Pengguna perlu menganggap aplikasi Anda berperforma baik sama seperti mereka
membutuhkannya untuk benar-benar berperforma baik.
Aplikasi yang andal juga harus dapat digunakan terlepas dari koneksi jaringan. Pengguna berharap 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 trek media atau tiket dan rencana perjalanan, tersedia dan dapat digunakan meskipun aplikasi mengalami masalah saat mengirim permintaan ke server Anda. Jika permintaan tidak dapat dilakukan, mereka berharap aplikasi akan memberi tahu mereka bahwa ada masalah, bukan gagal atau error secara diam-diam.
Dapat diinstal
Membuat PWA Anda dapat diinstal akan memindahkannya dari browser ke jendela mandiri, sehingga mengubah cara pengguna berpikir dan berinteraksi dengannya. PWA yang diinstal dapat diluncurkan dari layar utama, dok, taskbar, atau panel pengguna. Pengguna dapat menelusurinya di perangkat dan berpindah di antara keduanya dengan pengalih aplikasi, sehingga terasa seperti bagian dari perangkat tempat aplikasi diinstal.
Menginstal PWA juga membuat kemampuan baru tersedia, 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 meningkatkan metrik Anda dan meningkatkan nilai yang Anda peroleh dari layanan Anda. Beberapa contoh yang menonjol meliputi:
- PWA Twitter menghasilkan peningkatan 65% pada halaman per sesi, 75% lebih banyak Tweet, dan penurunan rasio pantulan sebesar 20%, sekaligus mengurangi ukuran aplikasinya hingga 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 memperoleh peningkatan kunjungan kembali sebesar 27%.
Untuk mengetahui informasi selengkapnya tentang manfaat penggunaan PWA, lihat artikel Cara Aplikasi Web Progresif dapat mendorong kesuksesan bisnis.