Apa Itu Progressive Web Apps (PWA)? dan Keunggulannya

Apa Itu Progressive Web Apps (PWA)? dan Keunggulannya

Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawarkan banyak keunggulan dibandingkan website biasa pada umumnya.

Apa Itu Progressive Web Apps?

Setelah diluncurkan PWA cukup membuat penasaran para developer. Karena banyak kelebihan yang ditawarkan. Sebelum lebih jauh, apa sih sebenarnya progressive web apps itu?

Progressive web apps atau dikenal dengan PWA merupakan gabungan antara website dan mobile apps yang memungkinkan kita untuk mengakses suatu website dengan tampilan seperti aplikasi pada umumnya. Dengan akses yang lebih cepat tanpa harus menginstall aplikasi melalui penyedianya.

Hal ini sangat bermanfaat terutama bagi teman-teman yang smartphonenya mempunyai keterbatasan dalam penyimpanan untuk install aplikasi. Dengan adanya PWA, Anda tidak memerlukan penyimpanan yang besar agar dapat menggunakannya.

Baca juga : Apa Itu Website? dan Apa Manfaatnya?

Mengapa Progressive Web Apps?

Saat mengakses suatu website, biasanya kita memerlukan waktu kurang lebih 2-3 detik, bahkan banyak website yang memerlukan akses >5 detik untuk menampilkan keseluruhan isinya.

Dengan menggunakan PWA, akses ke website Anda akan menjadi lebih cepat jika dibandingkan dengan website biasa. Karena teknologi PWA memungkinkan kita untuk akses suatu website dengan lebih cepat dan halus, bahkan tanpa jeda, meskipun dalam koneksi yang minim atau terputus.

Yang penting Anda sudah mengakses website tersebut sebelumnya. Karena PWA menyimpan cache, sehingga akses ke website tersebut lebih cepat dan ringan ketika kondisi internet down.

Keunggulan Progressive Web Apps

Menyangkut keunggulan, PWA mempunyai banyak sekali keunggulan yang sangat bermanfaat bagi penggunanya. Di antaranya adalah sebagai berikut:

1. Akses lebih cepat

Teknologi PWA membuat akses pada website Anda akan lebih cepat, bahkan dalam keadaan internet sedang kurang baik.

2. Push notifications

Layaknya notifikasi dari sebuah aplikasi, PWA juga bisa menampilkan notifikasi secara langsung.

3. Aman

Sistem PWA hanya support HTTPS, atau hanya bisa dengan sambungan SSL, tanpa sambungan SSL, PWA tidak bisa berjalan. Sehingga membuat PWA lebih aman.

4. Kompatibel terhadap semua perangkat

PWA lebih terfokus pada tampilan mobile, meskipun begitu, PWA juga kompatibel terhadap semua perangkat seperti tablet dan dekstop.

5. Tanpa perlu install aplikasi

Dengan teknologi PWA, Anda tidak perlu lagi install aplikasi melalui playstore atau penyedia aplikasi lainnya. Anda hanya tinggal menambahkan PWA ke layar utama smartphone . Lebih lanjutnya dibahas dibawah ini

Baca juga : Meningkatkan Penjualan Dengan Internet

Mencoba Progressive Web Apps di Android

Pada awal-awal dulu, saya masih ingat, jalantikus adalah salah satu website pertama yang menggunakan pwa di Indonesia. Selain itu, di Indonesia juga sudah banyak website yang menggunakan pwa, rata-rata merupakan website-website besar.

Salah satu contoh yang akan saya praktekkan disini adalah menggunakan website twitter versi mobile. Mari coba di android masing-masing :

1. Buka browser

Akses browser Anda, saya disini menggunakan google chrome, karena terbilang browser ini yang paling umum digunakan dan terbukti support pwa.

Silahkan masukkan alamat twitter.com pada kolom url browser. Secara otomatis akan mengarah ke mobile.twitter.com/home. Pastikan kalau Anda belum install aplikasi twitter di play store, hal ini dilakukan untuk mencegah terjadinya crash.

2. Tambahkan ke layar utama

Setelah masuk ke twitter, biasanya akan muncul secara otomatis pemberitahuan “Add Twitter to Home Screen” seperti gambar di bawah:

pwa1-add to homescreen
add to homescreen

Namun, dalam beberapa kasus notifikasi ini juga bisa tidak muncul. Jika hal ini terjadi, Anda bisa menekan add to homescreen pada menu google chrome seperti gambar berikut :

add to homescreen - optional
add to homescreen – opsi2

Fungsi add to home screen ini layaknya seperti proses instalasi aplikasi di playstore, Anda hanya tinggal menunggu beberapa saat untuk proses ini.

Silahkan klik Add to home screen. Dan tunggu prosesnya sampai ada aplikasi twitter terinstal di home android Anda, biasanya proses ini berlangsung <1 menit.

pwa terinstall - progressive web apps
pwa terinstall

3. Tampilan pertama pwa app

Setelah muncul pada halaman utama smartphone Anda, sekarang Anda sudah bisa mencobanya, seperti penjelasan sebelumnya, bahwa website yang menggunakan progressive web apps akan menampilkan website layaknya aplikasi yang kita install melalui playstore.

pwa app - progressive web apps
pwa app

Coba perhatikan gambar di atas, website yang sebelumnya menampilkan bar url di atasnya, berubah menjadi seperti aplikasi yang kita instal di playstore.

Baca juga : Peranan Teknologi Dalam Bisnis di Zaman Serba Digital

Sungguh keren bukan!! Untuk mendapatkan teknologi seperti ini Anda hanya membuat sebuah website dengan memanfaatkan teknologi progressive web app. Sehingga, sudah bisa mempunyai aplikasi secara langsung, yang responsif terhadap semua perangkat.

Apakah Anda tertarik untuk menggunakan teknologi ini? Anda dapat berkonsultasi secara gratis kepada tim kami jika membutuhkan jasa pembuatan website berbasis pwa ini.