Digital Transformation
PWA (Progressive Web App)
TL;DR: PWA (Progressive Web App) adalah website yang dibuat dengan teknologi web standar tapi punya kapabilitas aplikasi native: installable di home screen, jalan offline via service worker, dan mendukung push notification. PWA jadi pilihan hemat biaya untuk bisnis Indonesia yang butuh kehadiran "app-like" tanpa harus build dua aplikasi terpisah untuk iOS dan Android.
Apa itu PWA?
PWA adalah serangkaian teknik dan API web yang membuat sebuah situs dapat di-install ke perangkat dan beroperasi seperti aplikasi. Komponen utamanya tiga: manifest JSON (metadata install), service worker (caching dan offline), dan HTTPS wajib. Berbeda dengan native app yang harus didownload dari store, PWA dipasang langsung dari browser. Pengalaman pengguna mirip aplikasi, termasuk ikon di home screen dan splash screen saat dibuka. PWA modern sudah mendukung Web Push bahkan di iOS sejak versi 16.4.
Analoginya, PWA adalah website yang juga punya kunci masuk lewat home screen, bukan cuma bookmark biasa.
Cara Kerja PWA
| Komponen | Fungsi |
|---|---|
| Web App Manifest | File JSON yang mendefinisikan nama, ikon, warna tema, dan tampilan saat di-install |
| Service Worker | Script yang berjalan di background untuk caching, offline, dan push |
| HTTPS | Wajib untuk service worker bisa diregister |
| Cache Storage API | Menyimpan asset dan response untuk akses offline |
Service worker mencegat request network dan bisa melayaninya dari cache, membuat halaman tetap bisa dibuka meski koneksi mati.
Kenapa Penting?
Untuk bisnis Indonesia yang penggunanya banyak akses via jaringan tidak stabil, PWA menawarkan reliability yang sulit dicapai website biasa. Saat membangun Atmo LMS, saya melihat session retention naik signifikan setelah PWA aktif karena modul sebelumnya bisa dibuka tanpa koneksi. Studi Google Chrome Developers menyebutkan PWA bisa menurunkan biaya akuisisi pengguna dibanding native app karena tidak ada friction download dari store, meskipun benefit pastinya tergantung sektor.
Sumber rujukan: dokumentasi PWA di web.dev.
Pertanyaan Umum
Apa bedanya PWA dengan website biasa?
Website biasa hanya bisa diakses via browser tab. PWA bisa di-install ke home screen, jalan offline lewat service worker, dan dapat menerima push notification.
Apakah PWA bisa menggantikan native app?
Untuk banyak use case (commerce, konten, dashboard) PWA sudah cukup. Untuk fitur yang butuh akses hardware dalam (Bluetooth Classic, NFC tertentu), native app masih unggul. Selalu evaluasi berdasarkan kebutuhan produk.