Twitter PWA: Yang Perlu Anda Ketahui

Kesenjangan teknologi antara perusahaan teratas dan perusahaan kecil berikut tidak pernah lebih dekat. Dengan aplikasi web progresif, salah satu kontributor terbesar adalah kemampuan finansial telah sangat berkurang. Dengan menerapkan penggunaan baru dan lanjutan dari teknologi aplikasi web yang sangat harus menyebutkan pekerja layanan, perusahaan dari semua ukuran dapat menyesuaikan PWA dengan kebutuhan dan anggaran fungsional mereka sendiri. Jika Anda mencari inspirasi dari adopsi PWA hebat di dunia, studi kasus di bawah ini di Twitter PWA adalah sesuatu yang tidak boleh Anda lewatkan.

Kisah Twitter Sebelum Integrasi PWA

Pada April 2017, Twitter Lite, peningkatan baru situsnya di browser seluler, diluncurkan setelah berkolaborasi dengan Google. Nama itu berasal dari fakta bahwa itu dibuat agar lebih ringan, lebih cepat, dan lebih bermanfaat.

Maju cepat hingga hari ini, Twitter adalah situs media sosial paling populer ke-3 di AS dan ke-15 paling populer di seluruh dunia. Meskipun sebagian besar demografi pengguna mereka berada di AS, Jepang dan India adalah dua perwakilan terbesar pengguna Twitter yang jika digabungkan, melebihi jumlah pengguna AS.

Kisah Twitter Lite harus ditelusuri kembali dari 2010 hingga 2017, dengan Twitter dalam perjalanan untuk menjadi situs media sosial teratas dunia.

Twitter memiliki awal yang sulit dibandingkan dengan persaingan terbesar mereka, Facebook, pada hari-hari awal. Namun, dari tahun 2010 dan seterusnya, bluebird telah menyaksikan pemandangan yang luar biasa pada grafik, pertumbuhan yang konsisten dari kuartal ke kuartal. Antara 2015, 2016, dan 2017, tingkat pertumbuhan melambat.

Menyadari potensi di luar AS, Twitter dengan cepat menjangkau pasar internasional.

Segera setelah Google memperkenalkan PWA, Twitter tahu bagaimana ia dapat memperluas dan memperoleh pengguna baru. Twitter Lite adalah jawaban terakhir mereka, yang didedikasikan untuk negara-negara berkembang dengan koneksi jaringan yang tidak dapat diandalkan. PWA Twitter baru menempati penyimpanan kurang dari satu megabita sambil bekerja dengan mode penghemat data yang dioptimalkan. Gambar dan video dalam pratinjau buram hingga pengguna mengkliknya.

Nicolas Gallagher, Engineering Lead di Google untuk Twitter Lite, menyatakan: “Twitter Lite sekarang adalah cara tercepat, paling murah, dan paling dapat diandalkan untuk menggunakan Twitter.” Keberhasilan Twitter Lite menjadi berita utama bagi banyak artikel tentang PWA.

Solusi PWA Terbesar di Dunia – PWA Twitter

Untuk membantu Anda dengan pengetahuan aksi pengembangan PWA, poin penting tentang kerangka kerja Twitter PWA, atau Twitter Lite, dan metode inovatif yang disesuaikan untuk permintaan sesuai permintaan akan disampaikan di bawah ini.

Perhatikan bahwa tujuan keseluruhan dari Twitter Lite adalah untuk memastikan pengguna memiliki pengalaman di tempat yang sangat baik, terlepas dari koneksi internet yang buruk, yang mengarah ke kunjungan berikutnya dan mengubah pengunjung menjadi pengguna yang sering. Berkat kemampuan untuk mendorong kecepatan, keandalan, dan keamanan PWA, Anda dapat mengalaminya di mobile.twitter.com.

Ide Arsitektur

Twitter Lite, pada intinya, adalah server Node.js berukuran sederhana dan sederhana dan aplikasi JavaScript sisi klien. PWA akan mengaktifkan pembuatan API untuk penyimpanan dan penyimpanan data. Server pertama-tama akan menangani proses otentikasi, merakit status awal aplikasi, dan mengubah kode web menjadi halaman interaktif dengan rendering HTML awal di shell aplikasi.

Setelah dimuat di latar belakang, data akan diminta langsung dari API Twitter. Kesederhanaan dalam arsitektur ini membantu PWA Twitter menghadirkan layanan yang luar biasa dan andal dalam efisiensi bahkan pada skala besar.

Merancang Kinerja

Mudah digunakan adalah salah satu prioritas utama untuk Twitter Lite. Jutaan, jika bukan ratusan juta pengguna, akan mengakses jejaring sosial ini setiap bulan. Jadi mereka ingin membuat perjalanan pengguna yang sangat berguna dalam keadaan konektivitas apa pun.

Pengembang telah memanfaatkan serangkaian peningkatan kinerja, pola PRPL, dikombinasikan dengan pembaruan terbaru dari browser modern, untuk membangun Service Worker, Web Push Notifications, IndexedDB, dan Spanduk Pemasangan Aplikasi Web. Semuanya adalah bagian dari kecepatan pemuatan yang mengesankan dan kemandirian dari koneksi.

Penggunaan Data

Mengandalkan sumber daya yang di-cache untuk menyajikan data yang lebih kecil di muka, bersama dengan mode hemat data, Twitter Lite secara inheren diatur untuk meminimalkan penggunaan data, menghasilkan pengurangan 40% pada halaman timeline. Untuk memuat gambar yang dioptimalkan sesuai permintaan, permintaan HEAD dilakukan untuk menampilkan ukurannya dengan klik tombol.

Pemuatan Progresif

Setelah menuangkan respons HTML awal ke browser, instruksi dikirim untuk memuat sumber daya penting terlebih dahulu bagi server untuk merakit status interaktif. Skrip dipecah menjadi potongan-potongan kecil menggunakan webpack untuk memuat hanya ketika diminta.

Dengan kata lain, pemuatan awal dari Twitter Lite sangat cepat karena hanya kebutuhan untuk tampilan yang terlihat yang dilakukan, sementara pekerja layanan akan melakukan pra-cache sumber daya tambahan untuk memungkinkan tampilan yang hampir instan dan transisi yang mulus dalam interaksi di masa mendatang.

Ketersediaan Offline

Sama seperti aplikasi aslinya, service worker memungkinkan penggunaan offline sementara. Semua halaman yang dimuat sebelumnya dibuka kembali secara instan melalui caching di shell aplikasi HTML, aset statis, dan beberapa emoji paling umum.

Tombol "Coba lagi" disediakan ketika ada kegagalan dalam pemuatan data atau skrip untuk memastikan masalah akan teratasi. Cukup dengan mengaktifkan penjelajahan offline, kecepatan pemuatan saat memulai dan kunjungan berikutnya jauh lebih baik.

Rendering

Lupakan pekerjaan rendering yang mahal; Twitter Lite dioptimalkan untuk rendering komponen. Namun, masalah yang lebih besar terletak pada kompleksitas Tweet dengan daftar persyaratan yang tak terbatas untuk kinerja tambahan.

Kemudian mereka memikirkan komponen daftar tervirtualisasi yang hanya membuat konten terlihat untuk tampilan yang disajikan di atas dan dipertahankan untuk bergulir melintasi layar. Pembaruan lainnya adalah dengan menunda rendering non-penting ke mode tidak aktif dan menghemat konsumsi data oleh API requestIdleCallback.

Sistem Dan Kecepatan Duplikat

Twitter Lite adalah sistem desain responsif yang dibangun berdasarkan detail komponen untuk aplikasi agar sesuai dengan permintaan bentuk apa pun. Bekerja dengan komponen UI telah mengosongkan ruang untuk iterasi cepat dan penggunaan kembali blok penyusun yang sudah ada. Perlu juga disebutkan bahwa flexbox sangat diandalkan untuk desain tata letak, jumlah terbatas yang ditetapkan pada warna, ukuran font, dan panjang.

Hasil dari PWA Twitter

Situs Seluler Dan Desktop

Twitter PWA diklaim dapat interaktif selama 5 detik ke bawah di sebagian besar perangkat dengan jaringan 3G. Versi Lite memuat 30% lebih cepat dan menghemat hingga 70% penggunaan data sekaligus mengurangi penundaan waktu-ke-interaktif lebih dari 25%.

Dibandingkan dengan aplikasi asli lama, PWA Twitter hanya membutuhkan maksimal 3% dari ukuran, sebagian kecil dari ruang penyimpanan perangkat. Namun itu berfungsi secara mendalam dan kuat. Timelines, salah satu fitur yang paling kompleks, dapat dibangun dari 30 baris konfigurasi kode terbatas saat memasang modul Redux ke komponen React, konten campuran.

PWA bekerja sangat mirip dengan aplikasi asli, dengan fitur standar seperti feed biasa, popup notifikasi push, pesan langsung, dan tab pencarian. Transisi responsif di seluruh halaman dan elemen, meskipun respons sentuh dilaporkan lebih lambat daripada aplikasi aslinya. Pengembang masih bekerja untuk meningkatkan kegunaan dan tanggung jawab dalam rilis mendatang.

Semuanya cukup menguntungkan dengan versi desktop, bekerja dengan baik di jendela sempit, dibandingkan dengan aplikasi resmi Twitter lama yang diabaikan di Mac dan Windows. Seluruh pengalaman terasa relatif ringan dan santai untuk digunakan.

Twitter Lite saat ini mendukung hingga 42 bahasa, dan fitur Globalisasi dibuat untuk menampilkan nomor, tanggal, dan pesan yang sesuai dengan penduduk setempat.

Hasil Dalam Angka

• 65% peningkatan halaman per sesi
• Peningkatan 75% dalam jumlah Tweet yang dikirim
• 20% penurunan rasio pentalan

Bagaimana Twitter PWA Menjadi Salah Satu PWA Tercepat?

Dengan perubahan fungsional dalam pengetahuan yang ada tentang pekerja layanan, bersama dengan pengoptimalan untuk konsumsi data yang lebih sedikit, PWA dirancang untuk menangani kecepatan pemuatan yang lebih cepat, dan muncul hampir seketika pada kunjungan berikutnya, baik saat memulai maupun selama perjalanan.

Mengoptimalkan kecepatan tidak akan dilakukan dalam satu atau dua hari, tetapi proses pengujian, pelacakan, pengukuran, mencoba memahami mengapa hal itu terjadi, dan menerapkan solusi yang memungkinkan. Bekerja pada kinerja adalah lingkaran setan menonton, mengukur, dan meningkatkan di sana-sini.

Dengan demikian, Twitter Lite adalah akumulasi perbaikan kecil dan pembaruan selama pemuatan halaman pertama, rendering komponen React, mencegah rendering ulang, dan sebagainya. Masing-masing melayani peningkatan kinerja secara keseluruhan, dan semua upaya kecil untuk mewujudkan apa yang kita lihat sekarang, salah satu adopsi PWA terbesar dan tercepat di dunia.

Tentu saja, untuk mempertahankan gelar itu, pengembang harus terus bekerja untuk memastikan semuanya terkendali dan mengembangkan proses menjadi sesuatu yang lebih baik jika ada kesempatan.

Pertanyaan yang Sering Diajukan Tentang Twitter PWA Dan PWA

Apakah Twitter Sebuah PWA?

Sangat. Twitter merilis versi aplikasi web progresif baru bekerja sama dengan pengembang Google pada tahun 2017. PWA Twitter bernama Twitter Lite, dan pembuatannya difokuskan untuk melayani pengguna internasional yang mungkin sering mengalami koneksi yang tidak stabil dibandingkan dengan AS.

Apakah Mahal Membangun PWA Seperti PWA Twitter?

PWA Twitter dikatakan sebagai versi termurah dari semua pejabat Twitter, namun berkinerja luar biasa di berbagai browser dan bahkan menyerupai beberapa fitur terbesar aplikasi asli.

Twitter PWA adalah kombinasi dari optimalisasi kinerja yang sangat baik dan aplikasi kelas dunia dari teknologi modern PWA. Dengan demikian, membangun PWA yang luar biasa seperti Twitter Lite sangat bergantung pada tim pengembangan yang Anda pekerjakan atau outsourcing.

PWA adalah alternatif terbaik untuk aplikasi asli dan secara populer memprediksi masa depan situs web. Jadi, jika bisnis online mencari cara untuk meningkatkan rasio konversi mereka dengan meningkatkan perjalanan pelanggan di tempat, tinggalkan aplikasi asli yang mahal dan berbobot dan cari PWA sebagai gantinya.

Dari Mana Memulai Pengembangan PWA Bisnis Anda?

Yah, itu semua harus dimulai dengan di mana bisnis Anda berada, apa yang dibutuhkannya, dan di mana Anda menginginkannya. Masuk akal? Karena Anda tidak ingin kehilangan uang dan waktu berharga untuk sesuatu yang tidak relevan, bukan?

Langkah penting berikutnya adalah memutuskan apakah PWA akan cocok dengan strategi bisnis Anda. Hampir semua orang mencari cara untuk meningkatkan lalu lintas situs mereka, meningkatkan tingkat konversi mereka, atau meningkatkan nilai unit mereka. Dan agen pengembangan PWA dapat membantu Anda dengan semua itu.

Mereka dapat membantu Anda mendeteksi masalah di area mana pun yang berkinerja rendah di situs Anda. Jika Anda tidak dapat menemukan solusi terbaik, hubungi layanan konsultasi atau pemeriksaan.

Dan saat itulah kita mencapai langkah berikut: pilih penyedia layanan pengembangan PWA yang andal. Anda memerlukan nama dengan keahlian bertahun-tahun, mendorong tim pengembang dinamis yang berjuang untuk yang terbaik bagi klien mereka, dan tentu saja, pengetahuan dan keterampilan luar biasa yang dibutuhkan untuk membuat PWA yang sangat fungsional dan kaya fitur.

Tigren adalah agen outsourcing terkemuka di dunia yang telah dipercaya oleh ribuan UKM global selama dekade terakhir. Kami adalah tim individu muda, bercita-cita tinggi, dan berdedikasi, dipilih dari orang-orang yang sangat berprestasi di industri mereka.

Kami mengkhususkan diri dalam pengembangan eCommerce, terutama dengan layanan pengembangan Magento dan PWA. Kami ingin memberikan Anda kesepakatan terbaik yang tidak dapat Anda temukan di tempat lain, membantu Anda sampai akhir dan mencapai tujuan Anda datang kepada kami.

Anda dapat mengandalkan kami jika Anda membutuhkan solusi yang efektif dan hemat biaya untuk:

• Pengembangan PWA eCommerce sepenuhnya dari awal
• Sebagian pengembangan PWA eCommerce
• Solusi dan peningkatan bawaan pada PWA eCommerce yang ada
• Tema/plugin/ekstensi eCommerce premium siap pakai

Takeaways Kunci

PWA Twitter baru membawa angin segar ke dunia web seluler yang membosankan dan tidak responsif. Kemitraan yang kuat antara Twitter dan Google telah membayar ketenarannya dengan adopsi transformasional, menerobos semua kekhawatiran dan keraguan tentang potensi PWA. Jadilah pengguna awal PWA yang sukses, mulailah memanjakan pengguna online Anda, dan tingkatkan ROI Anda dengan Tigren hari ini sebelum terlambat.