Mengenal Technology Progressive Web App (PWA)

Pernah buka website lewat link, terus tiba-tiba ada ikon di layar utama HP seolah itu aplikasi beneran? Atau situs yang tetap bisa dibuka meski sinyal lagi jelek? Itu bukan kebetulan — itu Progressive Web App, atau PWA.

PWA sebenarnya cuma website biasa yang dibangun pakai HTML, CSS, JavaScript. Bedanya, ia dibekali kemampuan yang biasanya cuma dipunya aplikasi native: bisa dipasang di home screen, kirim notifikasi, jalan walau offline. Kata "progressive" di namanya pas banget — aplikasi tetap jalan di browser apa pun, lalu fitur-fiturnya nambah sendiri tergantung kemampuan browser dan perangkat yang dipakai.

Supaya disebut PWA, minimal tiga syarat ini harus dipenuhi:

Disajikan lewat HTTPS
Punya Web App Manifest — file JSON kecil berisi nama, ikon, warna tema aplikasi
Pakai Service Worker — skrip latar belakang yang ngatur cache, mode offline, sampai push notification

Sejarah singkatnya

Istilah "Progressive Web App" baru resmi dipakai tahun 2015, dicetuskan Alex Russell (engineer Chrome) bareng desainer Frances Berriman. Tapi idenya sendiri jauh lebih tua. Waktu iPhone pertama rilis 2007, Steve Jobs sempat dorong developer bikin aplikasi lewat web saja — App Store belum ada waktu itu, baru muncul 2008. Masalahnya, teknologi browser waktu itu belum cukup matang buat mewujudkan visi itu.

Sejarah kehadiran PWA kira-kira seperti ini:

2014–2015: Service Worker mulai didukung Chrome, jadi fondasi teknisnya.
2015: Istilah PWA lahir.
2016–2017: Google getol promosi — Twitter, Flipkart, Pinterest ikut bikin versi PWA dan katanya engagement mereka naik.
2018: Apple baru nyusul dukung Service Worker di Safari.
2023: Lewat iOS 16.4, iPhone akhirnya bisa terima push notification dari aplikasi web yang dipasang di home screen — telat, tapi akhirnya sampai juga.

Cara kerjanya gampang dibayangkan

Pertama kali buka PWA, browser unduh halaman seperti biasa sambil daftarin Service Worker di belakang layar. Service Worker ini nyimpen aset-aset penting ke cache perangkat. Nah, pas dibuka lagi kedua kali, Service Worker bisa langsung nampilin konten dari cache dulu — makanya kerasa cepat banget, bahkan kalau sinyal lagi putus-putus. Data baru baru diambil belakangan begitu koneksi ada. Kalau user pilih "Add to Home Screen", manifest yang ngatur supaya aplikasi muncul dengan ikon sendiri dan jalan full screen tanpa address bar.

Kenapa banyak yang mulai lirik PWA

Satu basis kode untuk semua platform. Bisa jalan di Android, iOS, Windows sekaligus. Nggak perlu bangun tiga aplikasi terpisah, biaya dan waktu development jelas lebih hemat.
Langsung pakai dari link. Nggak perlu antre review app store, nggak kena potongan komisi transaksi.
Update instan. Begitu di-deploy, semua user langsung dapat versi terbaru, nggak ada lagi yang nyangkut di versi lama.
Ringan. Ukurannya biasanya cuma ratusan KB sampai beberapa MB — penting banget buat pasar kayak Indonesia yang banyak pengguna HP memori pas-pasan dan kuota terbatas.
Tetap bisa offline. Dengan strategi cache yang tepat, PWA tetap bisa dibuka walau offline, dan datanya sinkron otomatis begitu koneksi balik.
Bisa diindeks Google. Yang sering dilupakan orang: PWA tetap punya URL per halaman — beda dari aplikasi native yang "tersembunyi" di app store.
Aman secara default. Karena wajib HTTPS, koneksinya otomatis terenkripsi.

Tapi ya nggak sempurna juga

Akses hardware masih terbatas. Bluetooth, NFC, integrasi mendalam ke sistem operasi, sebagian besar belum didukung penuh.
Dukungan di iOS masih agak menyebalkan. Install-nya manual lewat menu Share, dan beberapa API web belum tersedia di Safari. Sempat heboh juga awal 2024 waktu Apple berencana menghapus dukungan PWA di Uni Eropa, meski akhirnya dibatalkan.
Dukungan browser belum seragam. Pengalaman PWA paling lengkap memang baru di browser berbasis Chromium kayak Chrome dan Edge — browser lain kadang nggak dukung instalasi atau fitur tertentu, jadi developer perlu siapin fallback.
Nggak nongol di app store. PWA butuh strategi pemasaran sendiri biar ketemu pengguna, karena kebanyakan orang kan masih cari aplikasi lewat app store dulu.
Kalah untuk aplikasi berat. Untuk game 3D atau olah video, aplikasi native masih lebih unggul soal performa dan baterai.
Cache bisa dihapus sistem. Kalau penyimpanan perangkat menipis, cache PWA bisa dihapus otomatis, jadi aplikasi yang terlalu mengandalkan data offline perlu dirancang hati-hati.

Jadi, kapan sebaiknya pakai PWA?

Cocok banget untuk:

Toko online
Portal berita
Dashboard internal perusahaan
Sistem reservasi
Aplikasi CRM/loyalty

Kalau bisnisnya menyasar pengguna dengan perangkat dan kuota terbatas, PWA jadi pilihan masuk akal. Tapi kalau produknya sangat bergantung pada akses hardware khusus, butuh performa grafis tinggi, atau wajib hadir di app store, aplikasi native masih lebih tepat.

Demo PWA apps: https://member.mitraintegrasidigital.com/