NDTV, Web Verileri için optimizasyon yaparak kullanıcı deneyimini iyileştirdi ve elde tutma oranını artırdı.
NDTV, Hindistan'ın önde gelen haber istasyonlarından ve web sitelerinden biridir. Web Vitals programını izleyerek en önemli kullanıcı metriklerinden biri olan Largest Contentful Paint'i (LCP) sadece bir ayda% 55 iyileştirdiler. Bu, hemen çıkma oranlarındaki% 50 düşüşle bağlantılıydı.
55%
LCP'de İyileştirme
%50
Hemen çıkma oranlarındaki düşüş
Fırsatı vurgulama
Her ay 200 milyona yakın tekil kullanıcısıyla NDTV'nin kullanıcı deneyimi kalitesini optimize etmesi kritik öneme sahipti. Etkileşim oranları sektör ortalamasının üzerinde ve benzerleri arasında en yüksek olmasına rağmen NDTV ekibi yine de gelişim alanı olduğunu gördü ve etkileşim oranlarını daha da iyileştirmek için diğer ürün değişikliklerinin yanı sıra Web Vitals'a da yatırım yapmaya karar verdi.
Kullandıkları yaklaşım
NDTV ekibi, PageSpeed Insights, web.dev/measure ve WebPageTest gibi araçların yardımıyla sitede iyileştirilebilecek potansiyel alanları analiz etti. Bu açıkça tanımlanmış optimizasyon fikirleri, yüksek etkiye sahip görevlere yeniden öncelik vermelerine ve Core Web Vitals'ın iyileştirilmesinde anında sonuçlar elde etmelerine yardımcı oldu. Şu optimizasyonlar dahil edildi:
- Ekranın alt kısmındaki reklam alanları için reklam çağrıları ve yine ekranın alt kısmında olan sosyal ağ yerleştirmeleri dahil olmak üzere üçüncü taraf isteklerini geciktirerek en büyük içerik bloğuna öncelik verin.
- Statik içeriğin önbelleğe alma süresini birkaç dakikadan 30 güne çıkarın.
-
Yazı tipleri indirilirken metni daha erken görüntülemek için
font-display
kullanılabilir. - Simgeler için TrueType Yazı Tipleri (TTF) yerine vektör grafiklerini kullanma.
- JavaScript ve CSS'yi geç yükleme: Sayfayı mümkün olan en az JS ve CSS ile yükleme ve ardından sayfa kaydırma sırasında kalan JS ve CSS'yi geç yükleme.
- Kritik öğeler sağlayan kaynaklara önceden bağlantı kurma.
![Optimizasyonların özeti: Largest Contentful Paint, önbelleğe alma, CSS, vektör grafikleri, geç yüklenen JS ve CSS, önceden bağlanma.](https://web.dev/static/case-studies/ndtv/image/a-summary-the-optimizati-b938d496646d5.png?authuser=6&hl=tr)
Etki
Web Vitals, kullanıcı deneyimini iyileştirme sürecini hızlandırmak için ekibi metriğe dayalı sinyallerle donattı.
NDTV ekibi, optimizasyon projesine başlamadan önce LCP puanını 3, 0 saniyede (Chrome Kullanıcı Deneyimi Raporu alan verilerine dayanarak kullanıcılarının 75.yüzdelik dilimi için) karşılaştırdı. Optimizasyon projesinden sonra bu süre 1, 6 saniyeye düştü. Ayrıca, Cumulative Layout Shift (CLS) puanını 0,05'e düşürdü. WebPageTest'teki "İlk Bayt Zamanı" ve "CDN'nin etkili kullanımı" gibi diğer metrikler A notuna yükseltildi.
![0.05 CLS puanı.](https://web.dev/static/case-studies/ndtv/image/005-cls-score-63ecddcee9427.png?authuser=6&hl=tr)
Yatırım geri dönüşü
ndtv.com'un karmaşıklığına ve derinliğine rağmen, ekibin uzun süredir performans ve kullanıcı deneyimi en iyi uygulamalarına odaklanması sayesinde site zaten iyi FID ve CLS puanları elde ediyordu. Ekip, kullanıcı deneyimini daha da iyileştirmek için LCP'ye odaklandı ve optimizasyon çalışmalarına başladıktan sonraki birkaç hafta içinde eşiği karşılamayı başardı.
İşletmenin genel sonuçları
- Core Web Vitals için optimizasyon sonucunda LCP'de% 55 artış.
- Diğer ürün değişikliklerinin yanı sıra Core Web Vitals için optimizasyondan sonra web sitesindeki hemen çıkma oranında% 50 düşüş.
- İçeriğin doğrudan etkileşimi ve tüketimini artırdı ve web sitesi gelirini orantılı olarak artırdı.
![LCP'de% 55 iyileşme oldu. Hemen çıkma oranında% 50 düşüş. Daha fazla etkileşim ve tüketim.](https://web.dev/static/case-studies/ndtv/image/55-improvement-lcp-50-bbfb39b0c8352.png?authuser=6&hl=tr)
NDTV, yüksek kaliteli bir kullanıcı deneyimi sunmak için uzun süredir en iyi uygulamaları izliyor. Web Verileri'ni ölçmeyi, şu anda ürün geliştirme sürecimizin ayrılmaz bir parçası olarak görüyoruz. Gördüğümüz etkileşim artışı, iyi bir yatırım getirisine katkıda bulunuyor.
Kawaljit Singh Bedi, Baş Teknoloji ve Ürün Sorumlusu, NDTV Group
Hindistan ve Güneydoğu Asya'dan diğer başarı öyküleri için Web'de ölçeklendirin: örnek olaylar sayfasına göz atın.