Pengertian dan Manfaat Progressive Web App (PWA)

Pengertian dan Manfaat Progressive Web App
Pengertian dan Manfaat Progressive Web App
Bagikan Ke:
Progressive Web App (PWA) adalah aplikasi web yang menggunakan kapabilitas web modern untuk memberikan pengalaman seperti aplikasi kepada pengguna. Aplikasi ini memenuhi persyaratan tertentu (lihat di bawah), dikerahkan ke server, dapat diakses melalui URL, dan diindeks oleh mesin pencari.

Aplikasi Web Progresif Sebelumnya telah diperkenalkan oleh Google. Tetapi Google mengangkatnya kembali di I / O Mei lalu, Progressive Web Apps menarik perhatian banyak pengembang web, karena Progressive Web Apps (PWA) diprediksi dapat bersaing dengan aplikasi asli.

Tidak seperti aplikasi hibrida, aplikasi hibrida lebih menggabungkan aplikasi asli dan web. PWA sepenuhnya web, tetapi pengguna dapat merasakan pengalaman seperti menggunakan aplikasi asli. Seperti yang bisa dilakukan secara offline atau bahkan koneksi yang buruk, dapat mengirim pemberitahuan, bahkan menggunakan animasi halus seperti aplikasi asli. Aplikasi tidak perlu dipasang, tetapi ikon dapat dipasang di layar awal untuk mempermudah membuka aplikasi. PWA sepenuhnya bergantung pada browser. Saat ini hanya browser Chrome setidaknya versi 47 ke atas yang mendukung.

Manfaat Progressive Web App PWA adalah

Sebenarnya apa itu Progressive Web Apps? Di sini saya mencoba menguraikan 6 poin penting yang membuat aplikasi web bisa disebut aplikasi web progresif

1. Pemuatan Instan

Teknologi yang dapat membuat PWA dapat digunakan secara offline bahkan pada koneksi internet yang buruk adalah karena service worker. Dengan service worker juga, waktu loading web lebih cepat.

Teknologi service worker memiliki mekanisme untuk mengontrol aset yang akan di-cache dan menyediakan permintaan khusus ke jaringan sehingga dapat memberikan pengguna dengan pengalaman akses offline.

Tetapi untuk bisa menggunakannya pertama kali pengguna harus mengakses situs web. Setelah semua aset di-cache oleh service worker, bahkan jika koneksi terputus, pengguna tidak akan melihat gambar offline dinosaurus. Ini seperti alur kerja service worker ini

Saat ini browser yang mendukung teknologi service worker Chrome setidaknya versi 44, Opera dan Firefox setidaknya versi 44. Sementara Microsoft Edge sedang dalam pengembangan dan Safari masih mempertimbangkan untuk menerapkan teknologi ini.

2. Tambahkan ke Homescreen

Apa yang membuat PWA seperti asli adalah karena kemampuan untuk menambahkan ikon ke homescreen. Jadi pengguna lebih mudah untuk membuka kembali aplikasi web tanpa harus mengakses kembali URL melalui browser. Google menyediakan aplikasi web manifes yang berisi pengaturan ikon gambar, nama aplikasi, ikon pintasan resolusi besar, dan pengaturan tampilan sehingga ketika aplikasi web terbuka, akan membuka layar penuh tanpa menampilkan kembali bilah alamat. Misalnya, aplikasi manifes ini dapat dilihat di sini dan berikut ini adalah contoh fitur Tambahkan ke Layar Beranda

3. Notifikasi

Sejak Chrome versi 42, Google mendukung peramban untuk mengirim pemberitahuan seperti aplikasi asli. Masalahnya sekarang adalah setiap browser memiliki API notifikasi yang berbeda, ini membuat pengembang web harus mengkode untuk setiap browser yang berbeda. Namun kabarnya Apple, Google dan Mozilla juga Microsoft akan bekerja sama untuk membuat standar untuk notifikasi API ini. Jadi pengembang web hanya memiliki satu pengkodean yang dapat berjalan di setiap browser

4. Fast (Cepat)

Pengguna web hari ini berharap halaman web yang mereka kunjungi akan interaktif dan lancar. Maka pengembang perlu memfokuskan waktu dan upayanya di sana. Halaman web tidak hanya cepat, tetapi juga harus berjalan dengan baik, gulir cepat dan animasi dan interaksi yang juga harus tetap lancar.

Untuk menulis situs web dengan kinerja yang baik dan Anda perlu memahami bagaimana HTML, JavaScript, dan CSS ditangani oleh browser, dan memastikan bahwa kode yang Anda tulis dan kode pihak ketiga lainnya berjalan seefisien mungkin.

Mengakses web di desktop berbeda dari seluler. Di seluler, laman web diharapkan lebih ringan dengan tidak mengunduh banyak aset. Google telah lama mengeluarkan alat PageSpeed Insight untuk menguji apakah situs web Anda bagus untuk akses seluler.

5. Secure (Aman)

Untuk dapat menggunakan service worker web, Anda harus menggunakan protokol HTTPS. HTTPS akan menyandikan atau mengenkripsi data sesi menggunakan protokol SSL (Secure Socket layer) atau protokol TLS (Transport Layer Security). Jadi data antara server web dan pengguna akan lebih aman. Jika tidak dilindungi, penyusup hanya dapat mengambil komunikasi data antara web Anda dan browser pengguna. Seperti gambar, cookie, skrip, semuanya bisa dieksploitasi. Interferensi dapat terjadi pada setiap titik di jaringan, termasuk komputer pengguna, hotspot Wi-Fi, atau ISP.

6. Responsive

Tentu saja Google sangat mendukung situs web responsif. Di era saat ini, pengguna mulai beralih dari desktop ke perangkat seluler. Bahkan banyak pengguna pertama kali mengakses internet dari perangkat seluler. Agar situs web dapat menyesuaikan di banyak perangkat seperti desktop, tablet, dan ponsel cerdas, penting bahwa situs web mendukung respons.

Pengertian dan Manfaat Progressive Web App (PWA)
5 (100%) 6 votes
Loading...

Tentang Penulis: Redaksi

Gambar Gravatar
Salam kenal semuanya, jangan lupa berlangganan artikel dari kami.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *