Aplikasi Web Progresif - Masa Depan Web Modern?

Saat ini Progressive Web Apps (PWA) adalah pembicaraan di kota, terutama karena kegunaan yang luar biasa dan pengalaman pengguna yang unik. Dengan fitur gabungan dari situs web dan aplikasi asli, PWA menjadi norma untuk aplikasi web multi-perangkat memungkinkan pengembang untuk membangun aplikasi dinamis pemuatan cepat tanpa menggunakan kerangka kerja hybrid.

Saya percaya Aplikasi Web Progresif adalah masa depan situs web - dan dalam tulisan berikut saya akan membahas manfaatnya dan menggunakan kasing untuk memberi Anda gambaran keseluruhan. Mari kita mulai.

Apa itu Aplikasi Web Progresif?

Syarat “Aplikasi Web Progresif” pertama kali diciptakan oleh Alex Rusell (pengembang Google Chrome) dan Frances Berriman (seorang desainer). Alex membagikan idenya tentang Aplikasi Web Progresif itu “Aplikasi ini tidak dikemas dan digunakan melalui toko, mereka hanya situs web yang mengambil semua vitamin yang tepat“.

“Situs yang ingin mengirimkan pemberitahuan kepada Anda atau berada di layar beranda Anda harus memperolehnya seiring waktu saat Anda menggunakannya semakin banyak. Mereka semakin menjadi “aplikasi”“, menulis Alex tentang kesiapan PWA. Akhirnya, dia menyimpulkan, “aplikasi ini dapat menghasilkan bahkan pengalaman pengguna yang lebih baik daripada aplikasi web tradisional“.

Aplikasi Web vs. Aplikasi Web Progresif

Aplikasi web, atau aplikasi web tradisional, adalah aplikasi sisi klien itu dijalankan langsung di browser web. Meskipun mereka lebih baik daripada situs web namun mereka memiliki masalah. Jika Anda tidak tahu perbedaan antara aplikasi web dan situs, aplikasi web berbeda dari situs web karena aplikasi web terlihat dan terasa seperti aplikasi asli.

Yang sedang berkata, Aplikasi Web Progresif adalah aplikasi web generasi berikutnya yang berfungsi lebih seperti aplikasi asli dengan memanfaatkan perangkat tambahan asli perangkat. Misalnya, Aplikasi Web Progresif bisa memanfaatkan fitur asli seperti kamera, suar, dll. bersama dengan fitur-fitur seperti cache offline, pemberitahuan push, dll.

Mengapa kita membutuhkan Aplikasi Web Progresif?

Kami memiliki aplikasi asli, di satu sisi, yang luar biasa cepat dan andal bahkan dalam situasi terburuk seperti konektivitas yang lambat atau tidak ada sama sekali. Tetapi di sisi lain, kami memiliki situs web dan aplikasi web, yang lambat dan tidak berfungsi dengan baik dalam kondisi jaringan apa pun. Itu sebabnya kebanyakan orang lebih suka aplikasi asli.

Accelerated Mobile Pages (AMP), sebuah proyek yang didorong oleh Google, dimulai pada tahun 2016 hingga menyelesaikan masalah koneksi yang lambat, khususnya pada ponsel cerdas, dan memberikan pengalaman pengguna yang lebih baik kepada pengguna seluler. Namun, AMP tidak memecahkan masalah tanpa masalah jaringan. Selain itu, ia tidak mempercepat waktu pemuatan sebanyak aplikasi asli, dan sekali lagi, ia memiliki beberapa keterbatasan untuk mencapai kecepatan ini.

Itu sebabnya kami membutuhkan Aplikasi Web Progresif. PWA menyediakan pengalaman pengguna terbaik dalam jaringan lambat atau tidak ada kondisi. Misalnya, PWA dapat menampilkan layar progres saat memuat konten atau layar splash ketika masing-masing tidak ada konektivitas web.

Mengapa Aplikasi Web Progresif masuk akal?

Seperti yang ditentukan oleh Laporan Aplikasi Seluler comScore A.S. 2017, pengguna aplikasi menghabiskan hampir 77 persen dari waktu mereka di tiga aplikasi teratas mereka, sementara sisa aplikasi tetap siaga tetapi masih memblokir sumber daya sistem termasuk memori. Selain itu, juga berbagi itu 50 persen pengguna mengunduh aplikasi nol sebulan. Fakta ini menunjukkan pengguna ragu untuk menginstal aplikasi baru, dan karenanya PWA memiliki keunggulan.

Saya menemukan kebanyakan orang pergi ke situs web di desktop tetapi lebih suka aplikasi di perangkat seluler (aplikasi asli, tentu saja). Alasannya, komputer menawarkan lebih banyak sumber daya jaringan daripada smartphone, dan aplikasi mengkonsumsi lebih sedikit sumber daya daripada situs web mitra mereka. Juga, mereka cepat dan dapat diandalkan.

Selain itu, aplikasi asli harganya jauh lebih mahal daripada situs web - sebanyak lima hingga sepuluh kali atau lebih tergantung pada jenis proyek. Selain itu, biaya mereka dapat berlipat ganda jika ada kebutuhan untuk mengembangkan aplikasi asli untuk berbagai platform (misalnya Android dan iOS) dengan basis kode yang berbeda. Namun, PWA dapat membantu meminimalkan biaya pengembangan yang tinggi, terima kasih atas dukungannya untuk berbagai platform.

Fitur Aplikasi Web Progresif

Aplikasi Web Progresif memiliki banyak fitur langsung yang membuatnya berbeda dari rekannya yang lebih sederhana, mis., Aplikasi web (atau yang lebih sederhana - situs web):

Responsif. Bekerja pada semua perangkat dengan ukuran layar apa pun.
Offline-dulu. Muat dalam jaringan lambat atau tidak ada juga.
Rasanya seperti aplikasi. Terlihat dan berinteraksi seperti aplikasi asli.
Mutakhir. Perbarui sendiri, hampir transparan.
Aman & aman. Gunakan HTTPS untuk memuat sumber daya halaman.
Dapat ditemukan. Tersedia konten ke mesin pencari.
Terlibat kembali. Libatkan kembali, katakanlah menggunakan notifikasi.
Diinstal. Dapat ditempatkan di layar beranda Anda.
Dapat ditautkan. Muat halaman seperti aplikasi, tetapi dengan URL.

Yang saya temukan menarik adalah, Aplikasi Web Progresif tidak hanya terlihat dan terasa seperti aplikasi asli tetapi juga miliki akses ke fitur asli perangkat. Itu berarti PWA dapat mengambil snap Anda menggunakan kamera perangkat Anda. Namun, saya harus berbagi bahwa itu tidak mendapatkan akses ke fitur terbatas seperti lokasi, telepon, atau SMS.

catatan: Anda dapat membaca lebih lanjut tentang fitur-fiturnya dan detail lainnya di posting ini.

Membuat Aplikasi Web Progresif?

Google menyediakan “Daftar Periksa Aplikasi Web Progresif” - daftar detail untuk membantu pemula membuat Aplikasi Web Progresif. Daftar tanpa panduan ini membagikan fitur yang diperlukan untuk membuat PWA - Sebuah “PWA dasar” dan sebuah “PWA teladan”; yang pertama mencantumkan hal-hal penting untuk aplikasi dasar dan yang terakhir untuk aplikasi tingkat lanjut.

Selain itu, ada berbagai alat untuk membantu Anda dalam membangun PWA. Misalnya, Mercusuar adalah open-source gratis alat untuk meningkatkan halaman web termasuk pemeriksaan kualitas untuk aksesibilitas, kinerja, dan fitur PWA. Alat berfitur lainnya adalah Workbox, yang membantu membangun aplikasi dengan pengalaman offline-pertama.

Apakah Aplikasi Web Progresif masa depan?

Meskipun Aplikasi Web Progresif mungkin tidak menyelesaikan semua masalah aplikasi kami atau mengganti aplikasi asli dalam waktu dekat, namun saya percaya itu akan memainkan peran penting, berkat manfaatnya yang jauh lebih dari keterbatasannya. Dan dengan hampir setiap platform besar mulai mendukung PWA, tidak jauh kita akan melihat mereka di mana-mana.

Apple memperkenalkan fitur PWA (API Web) di Safari 11.1 termasuk Beacon API, Pekerja Layanan, Manifes Aplikasi Web, dll .; sehingga membawa PWA ke iOS segera jika belum. Google telah mendukung PWA di Chrome untuk Android, dan berencana untuk membawanya ke platform desktop juga. Microsoft juga menambahkan dukungan untuk PWA di Microsoft Edge dan akan mencantumkannya di Microsoft Store juga.

Apa yang kamu pikirkan - adalah Aplikasi Web Progresif masa depan? Beritahu saya langsung di @aksinghnet atau tulis komentar melalui bagian komentar di bawah ini untuk meninggalkan respons Anda.