Aplikasi Web Progresif Desktop: Terobosan Besar

Diterbitkan: 2019-09-10

Daftar Isi

Ketika berbicara tentang Progressive Web Apps (PWA), aplikasi seluler adalah hal pertama yang terlintas dalam pikiran karena selalu seperti itu.

 Bacaan yang disarankan: Apa itu Aplikasi Web Progresif

Namun, seiring berjalannya waktu, browser utama seperti Chrome dengan inisiatif PWA mereka sekarang masuk ke pasar Desktop, memperluas potensi PWA yang tampaknya tidak terbatas bahkan lebih.

Dari Chrome 70 dan seterusnya, pengguna kini dapat menginstal Aplikasi Web Progresif Desktop di Windows & Linux. Setelah terinstal, mereka diluncurkan dari menu Mulai, dan berjalan seperti semua aplikasi terinstal lainnya, tanpa bilah alamat atau tab.

Lihat postingan ini di Instagram

Menjadi hampir tidak dapat dibedakan dari aplikasi asli, Progressive Web App (PWA) adalah masa depan Web dengan fitur-fitur seperti aplikasi, salah satunya adalah kemampuan untuk menginstal (menambahkan PWA ke layar Beranda) yang berpotensi merevolusi pengalaman web. ?Bangun PWA hari ini dengan SimiCart . . . #pwa #siripwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

Sebuah pos dibagikan oleh SimiCart (@simicart.official) di

Dan itu tidak berhenti di situ . Fondasi hybrid PWA Microsoft Store sedang ditata selangkah demi selangkah: Di Microsoft Store, Progressive Web Apps sekarang setara dengan aplikasi windows asli, sehingga memperluas jangkauannya ke seluruh basis penginstalan Windows 10 hampir 700 juta pengguna aktif bulanan.

Memahami PWA Desktop dan Mengapa Ini Sangat Penting

Memiliki semua keunggulan Aplikasi Web Progresif dan lebih banyak lagi , Aplikasi Web Progresif Desktop terus menjadi tren dalam pengembangan aplikasi desktop.

 Bacaan yang disarankan: 12 Contoh Aplikasi Web Progresif untuk Inspirasi Anda

Untuk pemahaman singkat tentang Desktop PWA, Anda dapat membayangkan Desktop PWA seperti dokumen online atau dokumen Google yang berfungsi dengan memanfaatkan komponen web. Aplikasi desktop asli, di sisi lain, seperti Microsoft Word : mereka bagus, datang dengan sedikit ukuran dan dirancang untuk beroperasi dengan lancar. Alasan mengapa Desktop PWA sedang populer saat ini adalah karena Desktop PWA dapat melakukan pekerjaan aplikasi desktop asli dengan pengalaman yang jauh lebih menarik dan tidak memakan banyak ruang di hard-disk Anda.

Singkatnya, PWA Desktop adalah:

  • Cepat – PWA menawarkan pengalaman yang langsung, responsif, dan menyenangkan secara keseluruhan
  • Dapat Diinstal – PWA dapat diinstal seperti aplikasi asli lainnya dan ditampilkan di desktop atau layar beranda Anda daripada memerlukan browser. Instalasi PWA selalu instan dan kecil dalam ukuran paket.
  • Melibatkan – PWA mengadopsi pedoman terbaik untuk UX & UI berkualitas tinggi sambil juga dapat bekerja terlepas dari keadaan jaringan atau kemampuan perangkat.

Contoh Desktop PWA yang paling menonjol adalah Twitter Lite . Meskipun dibuat dengan fokus pada pengguna seluler, Twitter mengalami pertumbuhan luar biasa dalam interaksi pengguna desktopnya.

65% peningkatan halaman per sesi

Peningkatan 75% dalam Tweet yang dikirim

20% penurunan rasio pentalan

Tembakan pertama yang menandai tahap awal gerakan PWA tentu saja dilontarkan oleh Twitter. Diikuti oleh merek-merek berpengaruh seperti Spotify dan Pinterest dengan tergesa-gesa dan dengan kualitas produk yang luar biasa juga:

Spotify Desktop & PWA Pinterest

Jika Anda melewatkannya, kami memiliki ulasan menyeluruh tentang Spotify PWA di sini. Menonjol di atas yang lain, Spotify PWA hadir dengan perombakan yang secara drastis mengubah pengalaman pengguna, menjadikannya lebih personal dan adaptif dengan kebutuhan pengguna—sebagaimana seharusnya pemutar musik.

Warna latar belakang adaptif Spotify PWA

Pinterest juga mengalami beberapa peningkatan positif dalam metrik bisnis inti.

Waktu yang dihabiskan naik 40% dibandingkan dengan pengalaman web seluler lama, pendapatan iklan yang dibuat pengguna naik 44% dan keterlibatan inti naik 60%

Pengalaman web seluler baru mereka adalah langkah maju ke monolit situs web sebelumnya.

Mereka tidak hanya memecah & mencukur ratusan KB dari JavaScript mereka, menurunkan ukuran bundel inti mereka dari 650KB menjadi 150KB tetapi mereka juga meningkatkan metrik kinerja utama. First Meaningful Paint turun dari 4,2 detik menjadi 1,8 detik dan Time To Interactive berkurang dari 23 detik menjadi 5,6 detik.

Untuk pembaca yang tertarik dengan studi kasus khusus PWA Pinterest, kami sangat merekomendasikan artikel ini: Studi Kasus Kinerja Aplikasi Web Progresif Pinterest.

Statistik PWA Pinterest
Sumber: PWAstats

Cara Memasang Aplikasi Web Progresif di Desktop

Proses untuk menginstal Aplikasi Web Progresif Desktop cukup mudah dan efisien. Langkah terpenting Anda hanyalah menemukan alamat PWA yang benar dari aplikasi Anda.

Dalam tutorial kami hari ini, kami akan menggunakan Twitter sebagai contoh Desktop PWA:

Langkah 1 : Menggunakan Google Chrome versi 70 ke atas, buka https://mobile.twitter.com/home

Langkah 2 : Periksa apakah ada tombol (+) di ujung kanan bilah alamat

Pop-up aplikasi penginstalan PWA Twitter

atau jika ada opsi " Instal Twitter " di menu tarik-turun

Opsi pemasangan PWA Twitter

Langkah 3 : Klik Instal dan prosesnya akan segera berakhir.

Langkah 4 : Luncurkan PWA yang baru diinstal dari desktop Anda.

desktop-twitter-ikon
Ikon Twitter Desktop

Cara menghapus Aplikasi Web Progresif di Desktop

Untuk pengguna yang tidak peduli, menghapus ikon Desktop PWA adalah salah satu cara yang dapat diterima untuk mencopot pemasangan PWA. Namun, bagi pengguna yang mencari cara yang lebih pasti untuk mencopot pemasangan PWA, langkah-langkah di bawah ini disarankan:

Langkah 1 : Buka Desktop PWA Anda (dalam hal ini adalah Twitter )

Langkah 2 : Pilih " Copot pemasangan Twitter ..." di menu tarik-turun

Opsi Penghapusan Instalasi PWA Twitter

Langkah 3 : Centang atau hapus centang pada opsi yang disarankan dan akhirnya klik " Hapus "

Hapus instalan PWA Twitter

Dan itu saja! PWA Twitter Anda sekarang telah selesai dihapus dari komputer Anda hanya dalam beberapa langkah sederhana.

Penutup

Desktop PWA tidak dapat disangkal merupakan langkah revolusioner berikutnya dalam interaksi dan fungsionalitas aplikasi web. Untuk menjadi yang terdepan dalam persaingan Anda, perusahaan harus merangkul gerakan PWA sekarang dan tetap waspada terhadap perubahan tren dalam pengembangan web/aplikasi.

Untuk pedagang online yang mencari solusi Aplikasi Web Magento Progresif yang sempurna, di sini di SimiCart kami menawarkan paket lengkap untuk Anda dan toko Anda.

MEMBANGUN PWA DENGAN SIMICART