Anda pasti pernah mendengar tentang gelombang web seluler yang akan datang. Hal paling umum yang mungkin Anda dengar adalah akses web seluler meningkat pesat, dan sekitar setengah dari semua lalu lintas web sekarang melalui ponsel atau tablet. SEBUAH Februari 2018 melaporkan dari Pew Research Center perhatikan bahwa 95% dari semua orang Amerika memiliki ponsel, sedangkan bagian orang Amerika dengan smartphone adalah 77%.
Anda tidak perlu melihat jauh-jauh untuk melihat dampak seluler. Lihatlah perilaku Anda sendiri dan keluarga Anda. Pada Desember 2016, comScore melaporkan bahwa rata-rata orang Amerika di atas 17 tahun menghabiskan dua jam dan 51 menit sehari di telepon mereka (Englais).
Statcounter.com mencatat bahwa lalu lintas Web global terutama berasal dari perangkat seluler selama setidaknya satu tahun (51,95% pada bulan Februari 2018).
Meskipun Anda mungkin berpikir bahwa Anda tidak mampu mengembangkan aplikasi asli untuk disimpan oleh pengguna seluler di ponsel mereka, ada alternatif hebat yang tersedia untuk bisnis apa pun: Aplikasi Web Progresif. Mungkin Anda pernah mendengar tentang Aplikasi Web Progresif (PWA) dan bagaimana orang menggunakannya untuk mengembangkan bisnis mereka. Dalam artikel ini, Anda akan belajar lebih banyak tentang PWA dan mengapa Anda harus lebih memikirkan penggunaannya di tahun 2018.
Beberapa definisi
Aplikasi Web Progresif (PWA) adalah kumpulan standar web yang awalnya dikembangkan oleh Google untuk meningkatkan kinerja situs web di perangkat seluler. Oleh karena itu, situs web berfungsi lebih seperti aplikasi seluler khusus yang dapat Anda temukan di Apple App Store atau Google Play.
Lainnya definisi pengembang untuk jaringan hotel India Treebo: “PWA adalah aplikasi satu halaman yang secara bertahap ditingkatkan dengan fitur yang memberikan pengalaman asli yang lebih imersif. »
Memangkasnya sedikit, PWA di perangkat seluler memungkinkan pembaca dan pelanggan Anda dengan cepat memuat beranda situs Anda dan menggunakan banyak fitur yang sama di perangkat seluler yang akan digunakan aplikasi asli. Situs Anda mungkin ada di luar browser, bahkan saat perangkat tidak terhubung ke Internet.
Definisi lainnya
Beberapa bagian teknis utama dari PWA meliputi:
Pekerja Jasa adalah teknologi utama yang terkait dengan PWA. Ini memungkinkan PWA beroperasi di luar jaringan.
File manifes berisi ikon dan nama yang menautkan aplikasi pada perangkat ke situs jaringan. Pengembang juga dapat menambahkan elemen desain di sini untuk meningkatkan pengalaman pelanggan Anda.
Pemberitahuan push berkomunikasi dengan pengguna Anda (dengan izin mereka), sehingga mereka kembali.
Beberapa alasan
Jadi mengapa situs Anda harus menyertakan PWA? Ini sangat mudah.
Performa yang lebih baik - bahkan di desktop!
Anda tahu Anda memiliki waktu terbatas untuk menang a pengunjung untuk pertama kalinya – enam detik pemuatan sebelum calon pelanggan pergi dan mengunjungi situs berikutnya di hasil pencarian. Pengguna seluler bahkan lebih tidak sabar – setengah dari calon pengguna Anda akan keluar jika situs memuat lebih dari 3 detik!
Berita baik: perubahan yang Anda buat untuk membuat aplikasi web progresif akan mempercepat situs Anda!
Contoh: Perusahaan hotel India Treebo mengurangi waktu pengisian daya seluler mereka dari enam detik menjadi 1,5 detik dengan membuat PWA mereka. Situs ini sekarang dimuat di desktop dalam sekejap! Tim teknis mereka melaporkan bahwa peringkat pencarian situs telah meningkat dan tingkat konversi bulanan menjadi lebih dari dua kali lipat!
Kapasitas offline
PWA tidak perlu ada di Internet untuk melakukannya. Pengguna Anda dapat mengakses semua konten aplikasi dari perangkat atau desktop mereka.
Faktanya, salah satu hal terbaik tentang PWA adalah pelanggan Anda dapat menyimpan situs tersebut ke beranda perangkat mereka dan menggunakannya nanti untuk membeli produk Anda, atau mendapatkan informasi lebih lanjut. .
Sebagai contoh, CNET Tech Today menawarkan ringkasan harian dari berita terkait teknologi yang merupakan roti harian situs. Jika Anda membuka situs dengan Google Chrome di perangkat Android dan menggulir ke bawah ke bagian bawah layar, Anda akan melihat ini:
Tekan Tambahkan ke layar beranda untuk mengunduh aplikasi web progresif Tech Today ke perangkat Anda. Ketuk ikon untuk memuat 10 berita teratas saat ini. Geser ke kiri untuk membaca setiap cerita. Ketuk logo CNET untuk membuka beranda CNET di browser Anda.
Ucapan : Di Firefox, situs dengan PWA memiliki ikon "Tambahkan ke beranda" (tanda plus di kotak kecil) langsung di bilah alamat. Jika PWA sudah diinstal, logo Android di bilah alamat akan membawa Anda ke PWA.
Satu hal yang tidak dibutuhkan situs Anda: widget "Unduh aplikasi kami" menghabiskan ruang di halaman Anda (biasanya dengan logo iTunes dan Android yang mengganggu pengguna). Jika Chrome mengetahui bahwa pengguna telah membuka situs PWA Anda beberapa kali seminggu, Chrome meminta Anda untuk menambahkan PWA Anda. Pembaruan juga otomatis.
Tidak perlu untuk bahasa pemrograman yang rumit
Anda mungkin telah mempertimbangkan untuk membuat aplikasi seluler asli untuk bisnis Anda, tetapi ternyata membuat aplikasi seluler adalah hal yang berbeda dari membangun a situs jaringan. Jika Anda bekerja dengan biro desain/pengembangan web untuk memelihara situs Anda, mereka belum tentu memiliki keterampilan untuk membuat aplikasi untuk vendor seluler utama.
Agar perangkat lunak Anda muncul di Apple App Store, pengembang Anda harus mendaftar ke Jaringan Pengembang Apple, menggunakan Alat Pengembang Apple (yang hanya berfungsi di Mac), dan mengetahui bahasa Inggris. Pemrograman yang disetujui Apple: Swift atau Objective C.
Pemrograman untuk Android sedikit lebih mudah (tidak diperlukan persetujuan pengembang), tetapi sebagian besar aplikasi Android dibuat dalam Java, yang bisa menjadi bahasa yang sulit untuk dipelajari.
Agar aplikasi muncul di toko online Apple atau Android, aplikasi yang lengkap harus mendapat persetujuan dari penjaga toko masing-masing.
Sebaliknya, aplikasi web progresif dibuat menggunakan bahasa web populer: HTML, CSS (Cascading Style Sheets), dan JavaScript. Singkatnya, bahkan pengembang web pemula pun dapat membuat PWA berkualitas tinggi.
Secara khusus, Anda tidak memerlukan banyak pendidikan komputer untuk melakukan PWA untuk situs WordPress Anda. Jika Anda telah mengubah format situs Anda menggunakan tema anak, Anda juga dapat membuat file PWA. Kami akan membahas masalah pengkodean di artikel lain.
Tingkatkan dukungan raksasa teknologi
Standar butuh waktu lama untuk menjadi standar. Google pertama kali mempromosikan PWA pada tahun 2015.
Untuk waktu yang lama, Chrome adalah satu-satunya browser yang mendukung PWA, tetapi itu akan segera berubah. Dalam beberapa bulan terakhir:
- Mozilla telah menambahkan dukungan PWA di Firefox 58
- Apple baru-baru ini mengumumkan dukungan untuk aplikasi Web di iOS
- Microsoft akan mendukung PWA dalam versi Windows 10 berikutnya, yang akan tersedia akhir tahun ini (2018).
Melampaui vendor sistem operasi lain, Microsoft mengatakan bahwa PWA "berkualitas tinggi" akan segera diintegrasikan ke dalam toko aplikasi Windows 10 di ponsel dan desktop.
WordPress dan PWA
WordPress belum sepenuhnya mendukung pembuatan aplikasi web progresif di aplikasi dasar. Tim Jetpack berkomitmen untuk menambahkan fungsionalitas PWA di tahun mendatang. Ini dibantu oleh Javascript-ification dari WordPress.
Jetpack "Secara Bertahap Memperkenalkan Fitur PWA Segera Setelah Siap," Kata Pengembang Dan Walmsley dalam artikel di blog WordPress VIP . Pengembang dapat menambahkan file manifes menggunakan modul manifes Jetpack sejak versi 5.6.0, dan mereka telah memperkenalkan pemuatan gambar progresif, yang membuat pemuatan situs lebih cepat bahkan saat ada banyak gambar di dalamnya. halaman. Lebih banyak fitur akan hadir tahun ini.
Beberapa plugin mencoba menambahkan fungsionalitas PWA, tetapi belum banyak digunakan.
- Alat Optimasi WordPress menyediakan alat yang berfungsi dan nyata.
- Aplikasi Web Super Progresif menghasilkan manifes dan tombol Tambah ke layar beranda, di antara fitur-fitur lainnya.
- Paket WordPress Mobile juga menambahkan fitur PWA
Bagaimana Anda akan menggunakan PWA?
Dalam tutorial ini Anda belajar sedikit tentang Aplikasi Web Progresif dan mengapa Anda harus menambahkannya ke situs jaringan perusahaan Anda:
- Gelombang berkembang dari lalu lintas perangkat seluler
- Performa yang lebih baik untuk situs web Anda - seluler dan desktop
- Ketersediaan bahkan saat perangkat sedang offline
- Menggunakan fitur web standar: HTML, CSS dan Javascript. Lebih murah untuk dibangun
- Peningkatan dukungan untuk browser dan sistem operasi
Mungkin sekarang Anda ingin tahu cara melakukan PWA di WordPress? Atau tunjukkan kepada pengembang Anda bagaimana melakukannya? Ini akan menjadi subjek tutorial lain.
