Studi kasus yang mengukur dampak dan manfaat penuh dari skor performa tinggi pada Data Web Inti.
RebelMouse adalah CMS berbasis cloud dengan alat berbasis data dan strategi materi iklan yang diperlukan penayang untuk memberikan pengalaman terbaik bagi audiens, baik yang baru maupun lama. Kami mendukung properti web dengan traffic tinggi untuk perusahaan media seperti Upworthy, Narcity, Raw Story, Brit + Co, dan The Independent, serta situs bernilai tinggi seperti Penske Trucks, Vault12, Gaingels, dan banyak lainnya.
Platform kami menjangkau lebih dari 100 juta orang setiap bulannya di Amerika Serikat saja. Perusahaan ini didirikan dengan keyakinan bahwa web terbuka harus berperforma sesuai dengan ekspektasi konsumen tertinggi agar dapat berkembang, dan standar yang ditetapkan oleh Data Web Inti Google selaras dengan visi yang mengutamakan pengguna ini.
Selama lebih dari satu dekade, tim global kami telah mengembangkan CMS yang menciptakan pengalaman pengguna yang positif dan intuitif yang menghasilkan bisnis yang bermakna. Data Web Inti adalah tolok ukur yang memastikan siklus simbiosis ini berlanjut di setiap situs baru yang kami dukung.
Mengapa memprioritaskan performa berarti bisnis yang lebih baik
Banyak penayang meragukan apakah skor yang sangat baik pada Core Web Vitals sepadan dengan upaya yang dilakukan. Mereka juga khawatir bahwa pengalaman pengguna yang berkualitas sekalipun tidak akan memberikan peningkatan jumlah pembaca yang mereka butuhkan. Untungnya, prioritas kami terhadap performa di RebelMouse telah memberi kami data untuk membuktikan bahwa Core Web Vitals adalah cara yang sangat baik untuk menghasilkan traffic baru dan membangun loyalitas pengguna yang diperlukan untuk meraih kesuksesan bisnis.
Untuk mengilustrasikannya, kami menganalisis perilaku audiens dari sejumlah situs yang kami dukung, baik sebelum maupun setelah kami mengoptimalkan skor performa tinggi di Core Web Vitals. Secara khusus, kami menentukan jenis pengguna untuk memisahkan audiens ke dalam kategori utama berikut:
- Pengunjung Baru: Pengguna yang mengunjungi situs untuk pertama kalinya.
- Pengunjung yang Kembali: Pengguna yang memiliki minimal dua sesi.
- Pengunjung Setia: Pengguna yang memiliki minimal tiga sesi atau lebih.
- Penggemar: Pengguna yang memiliki minimal empat sesi atau lebih.
- Penggemar berat: Pengguna yang memiliki minimal lima sesi atau lebih.
Referensi: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Data dari lapangan, yang dikumpulkan oleh Google Analytics, sangat jelas. Saat berfokus pada kategori pengunjung setia, penggemar, dan penggemar berat, kami mendapati bahwa pengguna jauh lebih cenderung untuk berlama-lama, mengonsumsi lebih banyak konten, dan kembali lebih sering di situs yang menerima nilai sangat baik pada Data Web Inti. Berikut adalah beberapa contoh yang jelas:
Namun, konsumsi konten dan waktu yang dihabiskan per pengguna bukanlah satu-satunya metrik yang melonjak. Jumlah pengguna yang berkunjung dan halaman yang diakses juga meningkat di antara kategori yang sama:
Dari normal menjadi berperforma tinggi: Cara RebelMouse mengubah situs
Kabar baiknya, Anda dapat memperoleh performa yang baik di Core Web Vitals dengan perubahan strategis yang cermat pada codebase situs Anda. Berikut beberapa cara RebelMouse mendukung situs berperforma tinggi:
Progressive web app
RebelMouse mengoptimalkan semua panggilan pihak ketiga di aplikasi web progresif yang mengirimkan konten terpenting terlebih dahulu, lalu mengurutkan panggilan lainnya sesuai kebutuhan pembaca untuk melihatnya.
Kita memiliki metode yang memuat JavaScript segera setelah peristiwa Largest Contentful Paint (LCP) selesai. Kami memberi pengguna opsi untuk memuat JavaScript melalui tiga tingkat prioritas yang berbeda:
- Dioptimalkan paling cocok untuk pengguna yang menginginkan pendekatan terbaru dan canggih. Kami menggunakannya dalam pekerjaan pengembangan kami sendiri. Tingkat prioritas ini akan menjeda JavaScript agar tidak diaktifkan hingga jauh setelah halaman dimuat sepenuhnya, sehingga memberi Anda performa tertinggi.
- Pemblokiran Pemuatan digunakan untuk langsung mengeksekusi JavaScript, dan umumnya akan berdampak negatif pada skor performa Anda. Tingkat prioritas ini akan langsung mengaktifkan JavaScript setelah halaman selesai dimuat. Hal ini berpotensi menurunkan skor performa Anda sebesar 10–40 poin, bergantung pada panggilan tambahan.
- Post LCP adalah opsi terbaik untuk menggabungkan skor performa yang bagus dengan pemuatan yang sangat cepat. Tingkat prioritas ini akan menyebabkan JavaScript dimuat segera setelah peristiwa Largest Contentful Paint selesai. (Ini direkomendasikan hanya untuk iklan, jika Anda telah meningkatkan pendapatan dalam menayangkan iklan kepada pengguna yang hanya berada di halaman selama lima detik atau lebih.)
Mengoptimalkan penyematan media sosial
Untuk melindungi skor Cumulative Layout Shift (CLS) dan LCP, semua penyematan media sosial harus disetel ke pemuatan lambat.
Untuk mempertahankan CLS, Anda harus menemukan ukuran penyematan secara dinamis dengan teknologi sisi server, dan menyisipkannya ke penyimpanan properti penyematan tersebut. Kemudian, penyematan harus dikirim ke frontend Anda untuk mencegah tata letak bergeser saat dimuat. Bagi Anda yang tertarik untuk mempelajari topik ini lebih dalam, kami memiliki postingan khusus tentang contoh Twitter dan TikTok dengan detail selengkapnya.
HTML dan CSS yang sangat ringan dan cerdas
HTML dan CSS situs harus dibuat sedemikian rupa sehingga memungkinkan pengiriman gambar dan teks di atas lipatan untuk dimuat sebelumnya sebelum bagian halaman lainnya.
- Konstruksi HTML yang buruk akan memaksa browser memproses banyak elemen situs yang tidak perlu yang berada di paruh bawah untuk merender konten di paruh atas di area pandang pertama.
- Kami memiliki artikel yang lebih mendalam tentang cara melakukannya di RebelMouse di sini:
- Perincian tentang cara meningkatkan Core Web Vitals.
- Panduan lengkap tentang cara menerapkan kecepatan halaman yang cepat sekaligus menyertakan skrip pihak ketiga.
- Panduan mendalam tentang mengoptimalkan LCP.
Memublikasikan dengan pola pikir yang mengutamakan performa
Sejak peluncuran Core Web Vitals, developer telah merasakan dampak dari perbandingan platform publikasi mereka dengan nilai minimum yang direkomendasikan Google.
HTTP Archive, sebuah project open source yang mengidentifikasi tren dan mencatat pola historis di jutaan URL, telah mengungkapkan performa sistem pengelolaan konten teratas terhadap standar pengalaman halaman Google dalam Laporan Teknologi Core Web Vitals. RebelMouse secara konsisten mengungguli platform CMS utama pada metrik Google yang paling penting sejak peluncurannya dan hingga tahun 2022:
Performa tanpa kompromi
Membuat konten berkualitas kini hanya setengah dari perjuangan bagi penayang dan brand. Konten berkualitas harus didukung oleh teknologi modern yang dapat mengimbangi kecepatan dan standar web saat ini. Kami dapat memberikan Data Web Inti yang memenuhi standar karena performa situs bukan hanya tujuan, tetapi juga merupakan pilar perusahaan yang tertanam dalam budaya kami. Kami menggunakan fokus yang intens pada performa untuk membantu klien memaksimalkan web terbuka dengan meningkatkan traffic dan membangun pendapatan tanpa mengorbankan pengalaman pengguna.
Jika Anda ingin mempelajari lebih lanjut cara kami membantu situs Anda melampaui standar industri pada Core Web Vitals, klik di sini untuk mempelajari RebelMouse lebih lanjut sekarang.