Reddit PWA: Bagaimana Media Sosial Terkemuka Memanfaatkan Aplikasi Web

Mengadopsi teknologi baru adalah bagian tak terelakkan dari inovasi dan pertumbuhan bisnis online. Umumnya, perusahaan besar dapat dengan mudah merasakan gadget terbaru, meningkatkan kepuasan pelanggan, dan menonjol dari persaingan. PWA akan menjadi hal besar berikutnya, diadopsi oleh banyak merek raksasa seperti Reddit PWA, Facebook PWA, dan Alibaba PWA.

Dengan demikian, PWA dianggap sebagai standar baru untuk situs web modern dan pemain yang menjanjikan untuk menggantikan aplikasi asli. Namun, ini sangat terjangkau untuk usaha kecil dan baru. Dalam studi kasus hari ini, kita akan terlebih dahulu membahas Reddit PWA dan melihat bagaimana situs media sosial populer ini memanfaatkan PWA.

Sekilas Tentang Reddit

Reddit didirikan pada tahun 2005 oleh Steve Huffman dan Alexis Ohanian dari University of Virginia. Namanya adalah tweak pada respon "Saya membacanya" ketika orang lain ingin berbagi cerita.

Ini adalah platform besar di mana pengguna dapat mengirimkan posting di bawah berbagai jenis konten, yaitu berita sosial, diskusi forum, konten web, atau jaringan berkumpul. Ini adalah bagian dari apa yang membuat Reddit populer, menjadi sumber akumulasi diskusi pengetahuan di hampir semua bidang pembelajaran.

Selain itu, Reddit mengizinkan orang untuk tetap anonim saat mengajukan pertanyaan apa pun, memberikan ruang bagi pengalaman terbuka dan menarik untuk menelusuri informasi apa pun yang diinginkan otak mereka.

Postingan Reddit ditentukan oleh komunitas. Sebuah posting atau subreddit hanya dapat dipindahkan jika pengguna memilihnya berdasarkan bagaimana mereka menganggapnya bermanfaat. Dengan cara ini, spam atau informasi yang menyesatkan dan berbahaya dapat dikurangi.

Target audiens utama mereka adalah mahasiswa sarjana, orang-orang yang paham internet, dan pendukung media sosial berusia antara 18-29 tahun. Mereka menempati peringkat ke-10 jejaring sosial paling populer di AS dengan hampir 48 juta pengguna aktif bulanan dan lebih dari 430 juta pengguna aktif bulanan di seluruh dunia.

Bagaimana Mengintegrasikan PWA Membantu Merek Meningkatkan Pencapaian

Mempercepat Pengalaman Pengguna

Banyak merek datang ke PWA untuk meningkatkan kecepatan pemuatan aplikasi mereka. Ambil kasus Uber PWA sebagai contoh. Mengetahui bahwa pelanggan mereka (sebagian besar waktu) menggunakan Uber dengan tergesa-gesa, mereka membuat PWA Uber kecil namun kuat yang dapat memuat dalam 3 detik, bahkan di bawah koneksi selambat 2G.

Mempercepat perjalanan pengguna akan mengurangi rasio pentalan dan dengan demikian meningkatkan potensi rasio konversi. Orang-orang saat ini sering menganggap halaman yang memuat lambat sebagai menonton film yang mengganggu yang akan mereka keluarkan kapan saja.

Walmart juga memperkirakan bahwa hanya dengan peningkatan 1 detik dalam waktu pemuatan, tingkat konversi sudah meningkat sebesar 2%.

Tingkatkan Nilai Pelanggan

PWA tidak hanya dapat membantu Anda meningkatkan pemuatan halaman pertama, tetapi juga menciptakan transisi yang mulus dan mulus antara halaman dan elemen. Dengan kata lain, pengalaman pengguna di tempat juga akan menyenangkan.

Untuk toko e-niaga dan pasar, semakin lama pelanggan berada di halaman, semakin baik itu menyiratkan bahwa mereka tertarik dengan barang yang ditawarkan. Pada saat yang sama, mereka yang cenderung berbelanja dalam jumlah besar merasa perjalanan belanjanya mudah dan cepat.

PWA dapat mengaktifkan pemberitahuan push di saat-saat penting, sehingga terhubung kembali dengan pengguna yang sering terlibat, mendorong nilai lebih untuk bisnis online.

Mengaburkan Jarak Daring – Offline

Dengan kemampuan untuk bekerja secara offline, PWA memungkinkan pengguna untuk melanjutkan perjalanan online mereka yang belum selesai saat bepergian dengan menelusuri halaman yang dimuat.

Mereka juga dapat membuat perubahan pada konten, dan semua akan disimpan di latar belakang untuk sinkronisasi terdekat saat koneksi diterapkan kembali.

Semua Perangkat Bertindak Serupa

Usaha kecil dapat mengalokasikan anggaran untuk investasi penting lainnya sambil menghemat biaya pada integrasi PWA.

Harus membangun satu aplikasi cepat hanya untuk perangkat apa pun dapat mempertahankan kinerja yang konsisten di semua kehadiran online dan memaksimalkan waktu dan sumber daya untuk menarik dan memperoleh pelanggan.

Ini adalah bagaimana bisnis yang berkembang dapat secara efisien meningkatkan pendapatan mereka.

Tantangan Reddit Sebelum Integrasi PWA

Reddit selalu menginginkan solusi untuk mendorong penggunanya menggunakan aplikasi, terutama melalui desktop. Mereka telah mencari cara untuk memudahkan penggunanya untuk beralih ke aplikasi.

Data menunjukkan bahwa salah satu kelemahan utama menggunakan aplikasi adalah menghabiskan terlalu banyak penyimpanan. Sebaliknya, instalasi PWA membutuhkan kurang dari 1MB.

Juga, proses pengunduhan untuk Reddit dianggap sebagai pembunuh waktu karena jumlahnya yang besar. Beberapa utas Reddit mengatakan mengejutkan tidak melihat Reddit bekerja pada PWA lebih awal dan mengoptimalkan fungsionalitas.

Hasil Reddit PWA

Tentang Desain

Meskipun PWA mempertahankan tampilan dan nuansa yang sama di seluruh platform, setiap browser mendukungnya secara berbeda. Menu tiga titik membuatnya lebih mudah untuk menginstal atau mencopot pemasangan PWA dari web dengan Chrome daripada Microsoft Edge.

Tanda-tanda pop-up seperti "Instal aplikasi ke layar beranda" dianggap ramah pengguna dan harus dimiliki pengunjung untuk didorong menggunakan aplikasi.

Tentang Fungsi:

• Kecepatan pemuatan: efisien cepat dan lancar
• Transisi antara halaman dan elemen: mulus dan responsif, elemen yang muncul secara instan
• Kemudahan navigasi: tata letak konten tarik-turun yang khas dengan efek melayang setelah perluasan, familier, intuitif, dan mudah
• Tingkat keterlibatan dengan setiap interaksi: secara keseluruhan memuaskan. Cara logo Reddit muncul untuk konten yang sedang dimuat untuk kemudian muncul secara instan membuat situs terlihat seperti berjalan lebih cepat

Bagaimana Cara Membangun PWA Seperti Reddit?

Tips Dengan Reddit PWA

Pastikan Anda memenuhi persyaratan inti PWA. Ini harus dimulai dengan cepat tetapi juga tetap cepat sepanjang perjalanan pengguna. Reddit PWA menunjukkan kecepatan yang sangat tinggi sejak pemuatan pertama, dan semua konten muncul seketika saat Anda menggulir, memastikan pengalaman pengguna yang responsif.

Khusus di iOS, fitur re-engagement seperti pesan pop-up dan notifikasi untuk penginstalan PWA tidak didukung oleh Apple.

Jika Anda ingin mempraktikkan pengembangan lanjutan untuk fungsionalitas optimal, ketahuilah bahwa PWA dibuat berdasarkan praktik terbaik dan API web modern. Ini dapat diterapkan untuk bekerja secara mandiri atau dalam kombinasi, tergantung pada prioritas bisnis Anda dan tuntutan spesifik.

Reddit PWA berfokus pada peningkatan kecepatan terlebih dahulu, yang lainnya mengikuti. Ini seperti mengatakan, "Hei, lihat seberapa bagus kinerja aplikasi seluler kami, bayangkan apa yang akan Anda dapatkan jika mengunduh aplikasi." Perhatikan bahwa setelah pengunjung menggulir, Reddit mengaktifkan push-up untuk mendorong pengguna beralih ke aplikasi.

Untuk menyelaraskan tampilan tepi modern situs web Anda dan membuka kunci PWA Anda secara maksimal, Google mendorong untuk memprioritaskan strategi tangkas, yaitu meluncurkan fitur demi fitur dan melihat apakah kombo bekerja untuk Anda.

Sudut pandang ini memungkinkan Anda untuk tetap berpegang pada respons pasar selangkah demi selangkah. Menganalisis data yang dilacak dapat memberi tahu fitur apa yang paling suka digunakan pengguna dan apa yang tidak memberi mereka nilai.

Masukan ini sangat penting bagi desainer web dan pengembang untuk melakukan penyesuaian yang sesuai. Pertahankan proses coba-coba sampai Anda menjalankan yang tepat yang membantu Anda memperbesar uang ekstra yang dihasilkan oleh PWA.

Pengantar Sederhana untuk Pengembangan PWA

Pengaturan

Buat direktori aplikasi dan isi subdirektori js, CSS, dan gambar di sini.

Menulis Markup Untuk Antarmuka Aplikasi

Pada langkah ini, PWA harus dapat menampilkan konten apakah JavaScript dinonaktifkan atau tidak. Dengan cara ini, pengguna tidak akan menghadapi halaman kosong yang mengganggu setiap kali koneksi terputus atau tertinggal.

Sebaliknya, semua interaksi harus responsif dan ditampilkan dengan benar di berbagai layar. Ini membutuhkan mempertimbangkan orientasi ramah seluler.

Menguji Aplikasi

Segera setelah Anda memiliki sesuatu yang terjadi di browser, Anda dapat mengujinya dengan Lighthouse Google untuk melihat seberapa baik kinerjanya terhadap standar PWA.

Tekan F12 untuk panel pengembang Chrome yang terbuka di situs publik Anda, temukan tab audit, dan klik Mercusuar.

Seorang Pekerja Layanan

Menjadi skrip web yang relatif independen yang berjalan di latar belakang selain dari interaksi pengguna, kemampuan yang kuat ini memungkinkan PWA untuk mencegat permintaan jaringan, mengaktifkan caching lokal, dan banyak lagi.

Manifes Aplikasi

Manifes aplikasi diperlukan dengan service worker untuk menentukan tampilan dan perilaku PWA Anda di layar beranda. Anda dapat mengatur nama, ikon, warna tema, dan orientasi aplikasi.

Bungkus

Kode selesai hingga fase ini, tetapi Anda perlu mengunggah aplikasi ke server web. Ini akan memungkinkan PWA Anda untuk beroperasi di bawah keamanan HTTPS.

Pengembangan PWA Premium Untuk E-niaga Oleh Tigren

Keahlian kami

Sebagai penyedia layanan Magento profesional berusia satu dekade, Tigren sekarang menjadi salah satu agen outsourcing teratas secara global.

Semuanya dimulai dengan tim kecil yang terdiri dari pengembang yang sangat terlatih, terampil, dan berdedikasi yang berusaha keras untuk mencapai tujuan klien kami. Sampai hari ini, kami telah melaksanakan lebih dari 1000 proyek untuk lebih dari 800 UKM global.

Berbasis di Vietnam, kami berharap dapat membantu sebanyak mungkin calon pemilik bisnis dengan proyek e-niaga Magento kelas dunia yang layak mereka dapatkan, namun dengan harga yang wajar dan terjangkau, mungkin.

pelayanan kami

Kami adalah agensi khusus Magento yang bertujuan untuk menghadirkan solusi pertumbuhan berkelanjutan bagi UKM. Dengan PWA, kami menyediakan 2 layanan premium sebagai berikut:

• Pengembangan Aplikasi Web Progresif Kustom
• Template PWA Tigren Premium

Takeaways Kunci

PWA adalah kombinasi yang tepat dari aplikasi asli dan situs web biasa yang memberikan nilai nyata bagi pengguna akhir.

Para ahli memperkirakan itu akan menjadi hal besar berikutnya di dunia digital, terutama e-niaga. Mudah-mudahan, dengan mempelajari studi kasus Reddit PWA ini, Anda akan mendapatkan ide tentang cara berinovasi situs yang membantu pelanggan Anda dan mungkin menjadi salah satu pengadopsi awal PWA.