NDTV meningkatkan pengalaman pengguna dan retensi dengan mengoptimalkan Data Web.
NDTV adalah salah satu stasiun berita dan situs berita terkemuka di India. Dengan mengikuti program Web Vitals, mereka meningkatkan salah satu metrik pengguna yang paling penting, Largest Contentful Paint (LCP), sebesar 55% hanya dalam waktu sebulan. Hal ini berkorelasi dengan penurunan rasio pantulan sebesar 50%.
55%
Peningkatan dalam LCP
50%
Penurunan rasio pantulan
Menyoroti peluang
Dengan hampir 200 juta pengguna unik setiap bulan, sangat penting bagi NDTV untuk mengoptimalkan kualitas pengalaman pengguna. Meskipun rasio engagement mereka berada di atas rata-rata industri dan tertinggi di antara rekan-rekan mereka, tim NDTV masih melihat ruang untuk peningkatan dan memutuskan untuk berinvestasi dalam Vital Web beserta perubahan produk lainnya untuk lebih meningkatkan rasio engagement mereka.
Pendekatan yang mereka gunakan
Dengan bantuan alat seperti PageSpeed Insights, web.dev/measure, dan WebPageTest, tim NDTV menganalisis potensi area peningkatan di situs. Ide pengoptimalan yang didefinisikan dengan jelas ini membantu mereka memprioritaskan ulang tugas berdampak tinggi dan mencapai hasil langsung dalam peningkatan Data Web Inti. Pengoptimalan yang disertakan:
- Memprioritaskan blok konten terbesar dengan menunda permintaan pihak ketiga, termasuk panggilan iklan untuk slot iklan paruh bawah, dan sematan jaringan sosial, yang juga berada di paruh bawah.
- Meningkatkan cache untuk konten statis dari beberapa menit menjadi 30 hari.
-
Menggunakan
font-display
untuk menampilkan teks lebih cepat saat font didownload. - Menggunakan grafik vektor untuk ikon, bukan TrueType Fonts (TTF).
- Pemuatan lambat JavaScript dan CSS: memuat halaman dengan JS dan CSS minimum yang memungkinkan, lalu memuat lambat JS dan CSS yang tersisa saat men-scroll halaman.
- Melakukan prakoneksi ke origin yang akan mengirimkan aset penting.
![Ringkasan pengoptimalan: Largest Contentful Paint, Cache, CSS, grafik vektor, JS dan CSS yang dimuat secara lambat, melakukan prakoneksi.](https://web.dev/static/case-studies/ndtv/image/a-summary-the-optimizati-b938d496646d5.png?authuser=19&hl=id)
Dampak
Data Web membekali tim dengan sinyal berdasarkan metrik untuk mempercepat proses peningkatan pengalaman pengguna.
Sebelum memulai project pengoptimalan, tim NDTV mengukur skor LCP mereka pada 3,0 detik (untuk persentil ke-75 pengguna mereka, berdasarkan data kolom Laporan Pengalaman Pengguna Chrome). Setelah proyek pengoptimalan, waktu yang tersisa berkurang menjadi 1,6 detik. Mereka juga mengurangi skor Pergeseran Tata Letak Kumulatif (CLS) menjadi 0,05. Metrik lain pada WebPageTest seperti "First Byte Time" dan "Effective use of CDN" meningkat ke nilai A.
![0,05 skor CLS.](https://web.dev/static/case-studies/ndtv/image/005-cls-score-63ecddcee9427.png?authuser=19&hl=id)
Laba atas investasi
Terlepas dari kompleksitas dan kedalaman ndtv.com, situs ini sudah mencapai skor FID dan CLS yang memadai, berkat fokus lama tim pada performa dan praktik terbaik UX. Untuk lebih meningkatkan pengalaman pengguna, tim berfokus pada LCP dan berhasil mencapai batas dalam beberapa minggu sejak memulai pekerjaan pengoptimalan mereka.
Hasil bisnis secara keseluruhan
- 55% peningkatan LCP sebagai hasil dari pengoptimalan untuk Data Web Inti.
- Penurunan rasio pantulan di situs sebesar 50% setelah mengoptimalkan Data Web Inti, bersama dengan perubahan produk lainnya.
- Meningkatkan interaksi dan konsumsi konten secara langsung, serta meningkatkan pendapatan secara proporsional untuk situs mereka.
![Peningkatan LCP sebesar 55%. Penurunan rasio pantulan sebesar 50%. Peningkatan engagement dan konsumsi.](https://web.dev/static/case-studies/ndtv/image/55-improvement-lcp-50-bbfb39b0c8352.png?authuser=19&hl=id)
NDTV telah lama mengikuti praktik terbaik untuk memberikan pengalaman pengguna berkualitas tinggi. Kami menganggap pengukuran Data Web sebagai bagian integral dari pengembangan produk kami sekarang, dan peningkatan interaksi yang kami lihat menghasilkan ROI yang baik.
Kawaljit Singh Bedi, Chief Technology and Product Officer, NDTV Group
Lihat halaman Scale on web case study untuk mengetahui kisah sukses lainnya dari India dan Asia Tenggara.