Apa itu Progressive Web App?

Web adalah platform yang luar biasa. Perpaduannya antara berbagai perangkat dan sistem operasi, model keamanan yang berfokus pada pengguna, dan fakta bahwa spesifikasi maupun implementasinya tidak dikontrol oleh satu perusahaan menjadikan web sebagai platform unik untuk mengembangkan software. Bersama dengan kemampuan penautan yang melekat, Anda dapat menelusurinya dan membagikan apa yang Anda temukan dengan siapa saja, di mana saja. Setiap kali Anda membuka situs, situs tersebut selalu diperbarui, dan pengalaman Anda dengan situs tersebut dapat bersifat sementara atau permanen sesuai keinginan Anda. Aplikasi web dapat menjangkau siapa saja, di mana saja, di perangkat apa saja dengan satu codebase.

Aplikasi khusus platform dikenal sangat kaya dan andal. Fitur tersebut selalu ada di layar utama, dok, dan taskbar. Keduanya berfungsi terlepas dari koneksi jaringan. Mereka melakukan peluncuran dengan pengalaman mandiri mereka sendiri. Aplikasi dapat membaca dan menulis file dari sistem file lokal, mengakses hardware yang terhubung melalui USB, port serial, atau bluetooth, dan bahkan berinteraksi dengan data yang tersimpan di perangkat Anda, seperti kontak dan acara kalender. Dalam aplikasi ini, Anda dapat melakukan hal-hal seperti mengambil gambar, melihat pemutaran lagu yang tercantum di layar utama, atau mengontrol pemutaran lagu saat berada di aplikasi lain. Aplikasi khusus platform terasa seperti bagian dari perangkat yang menjalankannya.

Grafik yang mengilustrasikan kemampuan relatif dan jangkauan aplikasi khusus platform, dengan kemampuan tinggi, aplikasi web, dengan jangkauan tinggi, serta progressive web app, yang memiliki kemampuan tinggi dan jangkauan tinggi.
Kemampuan vs. jangkauan aplikasi khusus platform, aplikasi web, dan progressive web app.

Jika Anda mempertimbangkan aplikasi dan aplikasi web khusus platform dalam hal kemampuan dan jangkauan, aplikasi khusus platform memberikan kemampuan terbaik, sedangkan aplikasi web mewakili jangkauan terbaik. Jadi, di mana Progressive Web App berperan?

Progressive Web App (PWA) dibuat dan ditingkatkan dengan API modern untuk memberikan kemampuan, keandalan, dan kemampuan penginstalan yang ditingkatkan, sekaligus menjangkau siapa saja, di mana saja, di perangkat apa saja dengan satu codebase.

Tiga pilar aplikasi

Progressive Web App adalah aplikasi web yang telah didesain agar mampu, andal, dan dapat diinstal. Ketiga pilar ini mengubahnya menjadi pengalaman yang terasa seperti aplikasi khusus platform.

Mampu

Saat ini, web sudah cukup terampil. Misalnya, Anda dapat mem-build aplikasi video chat hiperlokal menggunakan WebRTC, geolokasi, dan notifikasi push. Anda dapat membuat aplikasi tersebut dapat diinstal dan melakukan percakapan secara virtual dengan WebGL dan WebVR. Dengan diperkenalkannya WebAssembly, developer dapat memanfaatkan ekosistem lain, seperti C, C++, dan Rust, serta menghadirkan pekerjaan dan kemampuan puluhan tahun ke web. Misalnya, Squoosh.app menggunakan ini untuk kompresi gambar lanjutan.

Hingga saat ini, hanya aplikasi khusus platform yang benar-benar dapat mengklaim kemampuan ini. Meskipun beberapa kemampuan masih belum dapat dijangkau oleh web, API baru dan yang akan datang ingin mengubahnya, sehingga memperluas kemampuan web dengan fitur-fitur seperti akses sistem file, kontrol media, badge aplikasi, dan dukungan papan klip penuh. Semua kemampuan ini dibangun dengan model izin web yang aman dan berfokus pada pengguna, yang memastikan bahwa membuka situs tidak pernah dikhawatirkan pengguna.

Di antara API modern, WebAssembly, serta API baru dan yang akan datang, aplikasi web semakin mumpuni, dan kemampuan tersebut terus berkembang.

Andal

Progressive Web App yang andal terasa cepat dan dapat diandalkan, apa pun jaringannya.

Kecepatan sangat penting untuk mendorong pengguna menggunakan pengalaman Anda. Faktanya, seiring waktu pemuatan halaman berubah dari 1 detik menjadi sepuluh detik, kemungkinan pengguna terpantul meningkat 123%. Performa tidak berhenti setelah peristiwa onload. Pengguna seharusnya tidak bertanya-tanya apakah interaksi mereka—misalnya, mengklik tombol—sudah terdaftar atau tidak. Pengguliran dan animasi akan terasa lancar. Performa memengaruhi seluruh pengalaman pengguna, mulai dari cara mereka memandang aplikasi Anda hingga performa sebenarnya.

Terakhir, aplikasi yang andal harus dapat digunakan, apa pun koneksi jaringannya. Pengguna berharap aplikasi dimulai pada koneksi jaringan yang lambat atau tidak stabil atau bahkan saat offline. Mereka berharap konten terbaru yang mereka ajak berinteraksi, seperti trek media atau tiket dan itinerari, akan tersedia dan dapat digunakan meskipun permintaan ke server Anda sulit diperoleh. Jika permintaan tidak memungkinkan, mereka berharap diberi tahu bahwa ada masalah, bukan mengalami kegagalan atau error secara diam-diam.

Pengguna layak mendapatkan aplikasi yang merespons interaksi dalam sekejap, dan pengalaman yang dapat mereka andalkan.

Dapat Diinstal

Progressive Web App yang diinstal berjalan di jendela mandiri, bukan tab browser. Aplikasi dapat diluncurkan dari layar utama, dok, taskbar, atau rak pengguna. Anda dapat menelusurinya di perangkat dan melompat di antara keduanya dengan pengalih aplikasi, sehingga membuatnya terasa seperti bagian dari perangkat tempatnya diinstal.

Kemampuan baru akan terbuka setelah aplikasi web diinstal. Pintasan keyboard, biasanya dicadangkan saat berjalan di browser, akan tersedia. Progressive Web App dapat mendaftar untuk menerima konten dari aplikasi lain, atau menjadi aplikasi default untuk menangani berbagai jenis file.

Saat Progressive Web App berpindah dari tab ke jendela aplikasi mandiri, Progressive Web App akan mengubah cara pengguna memikirkannya dan berinteraksi dengannya.

Terbaik dari keduanya

Pada intinya, Progressive Web App hanyalah aplikasi web. Dengan menggunakan progressive enhancement, kemampuan baru diaktifkan di browser modern. Dengan menggunakan pekerja layanan dan manifes aplikasi web, aplikasi web Anda menjadi andal dan dapat diinstal. Jika kemampuan baru tidak tersedia, pengguna tetap mendapatkan pengalaman inti.

Angkanya tidak bohong! Perusahaan yang meluncurkan {i>Progressive Web App<i} telah melihat hasil yang mengesankan. Misalnya, Twitter memperoleh peningkatan halaman per sesi sebesar 65%, peningkatan Tweet 75%, dan penurunan rasio pantulan sebesar 20%, sekaligus mengurangi ukuran aplikasi mereka 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 Progressive Web App dan mengalami peningkatan kunjungan kembali sebesar 27%.

Progressive Web App memberi Anda kesempatan unik untuk memberikan pengalaman web yang akan disukai pengguna Anda. Dengan menggunakan fitur web terbaru untuk menghadirkan kemampuan dan keandalan yang ditingkatkan, Progressive Web App memungkinkan apa yang Anda buat untuk diinstal oleh siapa saja, di mana saja, di perangkat apa saja dengan satu codebase.