PWA vs Electron: Penyelaman Jauh
Diterbitkan: 2020-05-20Daftar Isi
Tampaknya ada terlalu banyak teknologi baru di bidang ini saat ini untuk kita lacak. Baru-baru ini kami melihat kemunculan Electron.js yang merupakan platform yang mendukung sejumlah aplikasi populer yang kami gunakan setiap hari, dan kemudian ada juga Aplikasi Web Progresif yang seharusnya menjadi cara baru untuk situs web untuk memberikan pengalaman pelanggan terbaik dan menarik tanpa mengorbankan kinerja di sepanjang jalan.
Untuk membantu Anda melacak semua teknologi baru ini, hari ini di artikel SimiCart, kami akan membandingkan antara keduanya—Elektron dan PWA, dengan cara yang paling komprehensif.
Apa itu PWA?
PWA tampaknya menjadi yang paling populer akhir-akhir ini, karena ini adalah teknologi yang didukung oleh Google sendiri dan mendapat perhatian dari orang-orang besar seperti Microsoft dengan rencana ambisius mereka untuk membuat Microsoft Store diisi dengan PWA. Alasan mengapa ini sangat populer adalah karena PWA sendiri adalah hal terbaik yang datang dari web selama bertahun-tahun—rekam jejaknya berbicara sendiri.
Sederhananya, Progressive Web Apps adalah situs web yang terlihat dan terasa seperti sebuah aplikasi. Teknologi ini merupakan perpaduan fitur terbaik dari web dan aplikasi asli, yang berarti bahwa pengguna yang menggunakan PWA dapat memperoleh manfaat dari semua fitur yang sebelumnya eksklusif untuk aplikasi asli seperti pemberitahuan push, lokasi geografis, dan banyak lagi.

Apa itu Elektron?
Dibandingkan dengan PWA, Electron serupa dalam banyak hal karena juga menggunakan teknologi web—yaitu, HTML, CSS, JavaScript—untuk mengatasi tantangan lintas platform dengan sebaik-baiknya. Namun, tidak seperti PWA, aplikasi bertenaga Elektron dapat dibuat menjadi aplikasi desktop yang berfungsi penuh, berkat penggunaan API asli dan mesin rendering Chromium . Faktanya, ini sangat fungsional sehingga seringkali tidak dapat dibedakan dari aplikasi desktop asli, dan Anda dapat menemukannya tanpa mengetahui bahwa itu berbasis Elektron—misalnya, beberapa aplikasi penting Anda mungkin berbasis Elektron, termasuk Skype, Slack, Discord , dan Kode Visual Studio.

Bukankah Electron hanya terdengar lebih baik?
Nah, ketika Anda mengatakannya seperti itu ... memang begitu; tapi tidak, itu lebih bernuansa dari itu. Ada alasan mengapa kami melihat penurunan baru-baru ini dalam jumlah aplikasi berbasis Electron—itu karena Electron menunjukkan usianya, terutama pada saat sekarang ketika pengguna sekarang lebih menuntut pengalaman omnichannel yang ditawarkan PWA daripada sebelumnya. .
Saat meminta masukan dari pengembang berpengalaman baik Electron maupun PWA, kami memperhatikan pola berikut:
- Ketersediaan : Karena aplikasi berbasis Electron cukup banyak merupakan versi hibrida dari aplikasi desktop dan tidak dapat diinstal sama sekali di perangkat seluler, PWA memiliki keunggulan karena tersedia di hampir semua perangkat yang memiliki browser yang kompatibel dengan PWA.
- Performa : Aplikasi berbasis Electron, jika dilakukan dengan benar, akan terasa secepat dan ringan seperti aplikasi teks—namun itu bukan performa terbaik yang bisa Anda dapatkan. Salah satu keuntungan PWA yang diketahui adalah Anda dapat mencapai kinerja yang lebih baik (dibandingkan dengan Electron) pada pemuatan pertama, dan waktu pemuatan hampir seketika pada pemuatan lebih lanjut karena semuanya di-cache dengan cepat, dan sebagian besar overhead JavaScript dapat dialihkan ke pekerja jasa yang merupakan bagian integral dari PWA.
- Memperbarui : Seperti yang kita semua tahu, memperbarui (dan menyebarkan secara umum) adalah masalah besar untuk aplikasi asli apa pun—dan Electron tidak terkecuali. Ini dapat dihindari dengan memilih pendekatan PWA yang dengannya seluruh proses pembaruan dapat terjadi di sisi server, sehingga membebaskan klien Anda dari proses penginstalan pembaruan.
- Ukuran : Elektron, meskipun beratnya kurang dari aplikasi desktop biasa, masih jauh lebih berat daripada PWA. Sulit untuk menemukan aplikasi Electron yang beratnya kurang dari 50mb, sementara kebanyakan PWA di bawah satu megabyte.
- Keamanan : PWA hanya lebih baik dalam hal keamanan karena bergantung sepenuhnya pada koneksi aman (HTTPS) yang dikelola oleh sisi browser, sementara Electron, sebagai aplikasi web yang dibungkus dalam wadah aplikasi asli, harus melakukan semuanya secara manual dengan sendirinya.
Mengapa PWA semakin populer
Inilah kebenarannya, Electron adalah teknologi usang. Meskipun saat ini sedang digunakan oleh sejumlah besar aplikasi desktop, banyak dari mereka yang sudah memiliki rencana untuk mengubah aplikasi desktop berbasis Elektron yang ada ke PWA. Ya, Anda dapat mengonversi aplikasi berbasis Electron menjadi PWA, meskipun prosesnya tidak akan semulus proses konversi dari PWA ke Electron, tetapi itu mungkin.

Elektron tanpa semua kesalahannya
Aplikasi Web Progresif dapat dikatakan sebagai teknologi yang lebih baik dan berpotensi lebih berkembang karena memecahkan masalah mendasar Elektron—kompatibilitas dan kemudahan distribusi—sambil tetap berfungsi dan menarik bagi pengalaman pengguna. Hal ini disebabkan oleh fakta bahwa browser saat ini menjadi OS universalnya sendiri dengan semua kemampuan yang dapat Anda minta, dan sebagai efek sampingnya, teknologi yang mengandalkan dan berjalan di Web seperti PWA hanya menjadi lebih baik seiring waktu. .
Lihat lebih banyak: Desktop PWA - Masa Depan Pengiriman Perangkat Lunak PWA untuk Magento 2
Multisaluran
Dalam hal pengalaman omnichannel, PWA unggul dalam segala hal yang dapat dibayangkan karena dibuat khusus untuk pengalaman multi-perangkat yang responsif. Bergantung pada jenis bisnis yang terlibat, PWA dapat menjadi pilihan untuk bisnis yang menginginkan pengalaman pengguna menjadi satu dan sama di semua perangkat, sementara dengan Electron JS Anda harus mengembangkan basis kode yang berbeda untuk platform yang berbeda, sehingga meningkatkan biaya pengembangan.
Kapan harus memilih Elektron
Meskipun memiliki kelebihan, PWA tidak dapat menjadi solusi menyeluruh untuk semua model bisnis, dan di sinilah Electron menemukan ceruknya. Aplikasi yang didasarkan pada Electron biasanya tidak mengalami kendala browser biasa dan bebas untuk dikembangkan berdasarkan fungsionalitas Node.js, yang dengannya Electron dapat memiliki akses ke semua API asli dari sistem operasi. Ini berarti bahwa aplikasi berbasis Elektron berjalan dalam mode pengguna sepanjang waktu, secara efektif memastikan lingkungan operasi yang aman dan stabil bagi pengguna.
Sebagai aturan praktis dalam komunitas Electron, tidak pernah merupakan ide yang baik untuk menggunakan Electron untuk apa yang bisa menjadi situs web . Jadi, jika menurut Anda aplikasi Anda termasuk dalam minoritas kecil kasus ketika Anda membutuhkan kebebasan ekstra dan fungsionalitas aplikasi asli—pilih Electron; tetapi dalam kasus lain, PWA lebih dari cukup.
Kata-kata penutup
Web dengan teknologinya mengejar dengan cepat, dan dikombinasikan dengan gerakan dari merek besar untuk mendorong adopsi PWA ke depan, seharusnya tidak mengejutkan bagi Anda untuk melihat lebih banyak PWA di masa depan. Namun, itu tidak berarti bahwa Electron juga berada di ranjang kematiannya, karena teknologinya masih cukup fungsional dan diperkirakan akan ada di sini untuk waktu yang cukup lama; tetapi jika Anda salah satu dari mereka yang mempertimbangkan di antara keduanya, PWA adalah pilihan yang tepat karena teknologinya masih relatif baru dan dukungan untuk itu diproyeksikan akan meroket dalam waktu dekat.
Baca lebih banyak:
PWA vs Flutter: Perbandingan Mendetail
Semua yang perlu Anda ketahui tentang Aplikasi Web Progresif
Aplikasi Web Progresif: 12 Contoh dari Merek Asli untuk Inspirasi Anda
Magento PWA Studio: Perbandingan Mendetail dengan Vue Storefront