Mengubah Situs WordPress Anda menjadi PWA: Mengikuti Tren

Gerakan PWA adalah gerakan yang begitu mengubah dan monumental sehingga menjadi seperti gelombang raksasa, menyapu dunia teknologi, mengubah segalanya menjadi lebih baik.

Beberapa brand paling berpengaruh di dunia, yaitu Twitter dengan Twitter Lite -nya yang terkenal, kini telah resmi menjadikan PWA sebagai landasan pengembangan mereka ke depan.

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

WordPress, atau lebih spesifiknya, Automattic – orang-orang di belakang WordPress, juga telah memprakarsai gerakan PWA WordPress kembali di Chrome Dev Summit 2017 dengan mengumumkan pekerjaan mereka dalam proses mengintegrasikan Progressive Technologies ke dalam alur kerja platform seperti WordPress.

Sejak itu, lanskap WordPress telah banyak berubah sehingga tidak mengubah WordPress Anda menjadi PWA hampir merupakan jaminan hilangnya kepuasan pemirsa.

Memahami PWA

Seperti yang dikatakan Google, Aplikasi Web Progresif adalah

• Andal – Muat seketika dan tidak pernah menunjukkan downasaur, bahkan dalam kondisi jaringan yang tidak pasti.
• Cepat – Tanggapi interaksi pengguna dengan cepat dengan animasi yang halus seperti sutra dan tanpa pengguliran yang tersendat-sendat.
• Terlibat – Merasa seperti aplikasi alami di perangkat, dengan pengalaman pengguna yang imersif.

Sederhananya, PWA adalah masa depan pengalaman penjelajahan web. Untuk informasi lebih lanjut tentang PWA, lihat artikel kami: Apa itu PWA?.

Mengapa PWA untuk WordPress?

Kecuali jika Anda ingin pemirsa Anda bosan sampai mati dengan menunggu halaman web Anda dimuat, solusi dengan peningkatan kinerja situs, fungsionalitas, dan UX selalu merupakan pilihan yang lebih baik.

Ambil contoh, Twitter Lite yang terkenal. Sebuah studi kasus menunjukkan bahwa Twitter mengalami perubahan besar dalam perilaku pengguna dengan dirilisnya Twitter Lite.

Nicolas Gallagher, Pemimpin Teknik untuk Twitter Lite, mencatat:

Twitter Lite kini menjadi cara tercepat, termurah, dan paling andal untuk menggunakan Twitter. Aplikasi web menyaingi kinerja aplikasi asli kami tetapi membutuhkan kurang dari 3% ruang penyimpanan perangkat dibandingkan dengan Twitter untuk Android.

Dan bukan hanya Twitter yang bergabung dalam gerakan ini, merek-merek besar seperti Spotify juga telah melakukannya dengan pengembangan Spotify PWA baru-baru ini. Statistik dan berita tentang perubahan yang dibawa PWA ada di mana-mana dan hampir terlalu besar untuk diabaikan, sehingga membuat klaim masa depan Web yang didukung oleh PWA tampak lebih realistis dari sebelumnya.

Prasyarat untuk Menyiapkan PWA di WordPress

• Aplikasi Web Progresif mengharuskan situs web WordPress Anda dilayani dari sumber yang aman yaitu situs web Anda harus HTTPS dan bukan HTTP .
• Versi WordPress: Lebih tinggi dari 3.5.0
• Versi PHP: Lebih tinggi dari 5.3

Cara Mengonversi Situs WordPress Anda menjadi PWA

Setelah prasyarat yang disebutkan di atas terpenuhi, pemilik situs WordPress dapat memilih untuk mengonversi ke PWA menggunakan salah satu dari dua cara: Secara manual atau Dengan plugin .

1. Kembangkan PWA Anda Secara Manual

Pengembangan PWA—meskipun lebih murah daripada jenis pengembangan lainnya—masih membutuhkan sejumlah besar pengetahuan pengkodean dan pengembangnya untuk mengetahui jalannya di sekitar kerangka kerja dan pustaka Javascript yang umum, terutama Angular dan React. Inilah sebabnya mengapa pemilik situs yang tidak berpengalaman sering disarankan untuk mencoba plugin (gratis dan/atau berbayar) atau menyewa pengembang profesional karena proses membangun PWA bukanlah proses yang mudah.

Saat mencoba membangun PWA secara manual, ingatlah untuk mengikuti Daftar Periksa Aplikasi Web Progresif Google dan uji halaman web Anda dengan alat Lighthouse untuk pengalaman pengguna sebaik mungkin.

2. Dengan Plugin

Jangan khawatir, pemilik situs non-pengembang! WordPress menawarkan berbagai macam plugin yang melakukan sebagian besar pekerjaan berat untuk dipilih penggunanya. Plugin ini tersedia dalam 2 jenis: Plugin Gratis dan Berbayar.

Plugin Gratis

1. SuperPWA

Di bagian atas Plugin PWA Gratis untuk WordPress adalah SuperPWA dengan tradisi lama tentang layanan dan kualitas yang sangat baik.

SuperPWA mudah dikonfigurasi, dibutuhkan kurang dari satu menit untuk menyiapkan Aplikasi Web Progresif Anda. SuperPWA melakukan uninstall bersih, dengan menghapus setiap entri database dan file yang dibuatnya. Faktanya, tidak ada pengaturan default yang disimpan ke database sampai Anda menyimpannya secara manual untuk pertama kalinya.

Pemasangan aktif: 30000+
Peringkat bintang:

2. PWA

PWA dimaksudkan untuk menyediakan blok bangunan PWA dan mekanisme koordinasi untuk tema dan plugin agar tidak menemukan kembali roda dan juga tidak saling bertentangan.

Jika Anda mengembangkan plugin atau tema yang menyertakan service worker, pertimbangkan untuk mengandalkan plugin PWA ini, atau setidaknya hanya gunakan implementasi bawaan sebagai cadangan saat plugin PWA tidak tersedia.

Terakhir diperbarui: 5 bulan yang lalu
Instalasi aktif: 20.000+
Peringkat bintang:

3. PWA untuk WP & AMP

Untuk penawaran gratis, PWA untuk WP & AMP sangat bagus dalam hal ini. Ini bagus, mudah digunakan dan menawarkan layanan pelanggan yang luar biasa; namun, dokumentasinya terasa sedikit kurang yang dapat menyebabkan waktu yang lebih sulit untuk membuat semuanya berfungsi.
Instalasi aktif: 8,000+
Peringkat bintang:

4. WebSuite PWA

WebSuite PWA adalah plugin lengkap untuk mengubah situs web Anda menjadi PWA dengan dukungan AMP terintegrasi. Plugin ini hadir dengan berbagai tema untuk memberikan tampilan seperti aplikasi pada PWA Anda, bersama dengan banyak fitur seperti Tambahkan ke Layar Beranda, Pemberitahuan Push, CDN, Integrasi Analytics, dll.

Instalasi aktif: 30+

Peringkat bintang :

5. PWA sederhana untuk WordPress oleh Webkul

Hanya dengan $49, Anda dapat mengonversi situs WordPress Anda menjadi PWA yang berfungsi penuh dengan semua fitur dan fasilitasnya—dan bukan itu saja. Plugin ini kompatibel dengan semua tema WordPress, ditambah Anda dapat mengubah tema, nama aplikasi, serta ikon aplikasi dari backend admin tanpa banyak usaha atau pengetahuan teknis yang diperlukan.

Instalasi aktif: informasi tidak tersedia

Peringkat bintang: informasi tidak tersedia

Cara Memasang Plugin PWA

Proses instalasi untuk Plugin PWA WordPress cukup mudah dan efisien. Di bawah ini kita akan menggunakan SuperPWA sebagai contoh:

Instalasi WordPress :

• Kunjungi Admin WordPress > Plugin > Tambah Baru
• Cari ' Aplikasi Web Super Progresif '
• Klik “ Instal Sekarang ” dan kemudian “ Aktifkan ” Aplikasi Web Super Progresif

Untuk menginstal secara manual:

• Unggah folder aplikasi web super-progresif ke /wp-content/plugins/ direktori di server Anda
• Buka Admin WordPress > Plugin
• Aktifkan plugin Aplikasi Web Super Progresif dari daftar.

Kesimpulan

Gerakan PWA ini tampaknya tidak akan melambat dalam waktu dekat dan taruhan terbaik Anda adalah mengambil tindakan sekarang sebelum menemukan diri Anda tertinggal.

Jika Anda paham teknologi dan menginginkan lebih banyak kebebasan untuk Anda dan untuk situs Anda, pengembangan manual PWA harus menjadi pilihan yang lebih disukai untuk Anda. Namun, bagi pemilik situs yang tidak begitu berpengalaman dan menginginkan metode yang lebih aman, teruji, dan teruji , Plugin PWA untuk WordPress bukanlah ide yang buruk. Plugin dapat menghemat waktu Anda dan terkadang pusing ketika berurusan dengan proses membangun PWA, sehingga memungkinkan alokasi sumber daya yang lebih baik.

Bacaan lebih lanjut:

• Magento PWA Studio: Perbandingan Mendetail dengan Vue Storefront

• Integrasi WordPress Magento: Panduan Langkah demi Langkah