Le NDTV a amélioré l'expérience utilisateur et donc la fidélisation en optimisant les signaux Web.
NDTV est l'un des principaux sites et chaînes d'information en Inde. En suivant le programme Signaux Web, l'entreprise a amélioré l'une de ses métriques utilisateur les plus importantes, Largest Contentful Paint (LCP), de 55% en seulement un mois. Cela était lié à une réduction de 50% des taux de rebond.
55%
d'amélioration du LCP
50%
Réduction des taux de rebond
Mise en évidence de l'opportunité
Avec près de 200 millions d'utilisateurs uniques chaque mois, il était essentiel que NDTV optimise la qualité de l'expérience utilisateur. Bien que ses taux d'engagement soient nettement supérieurs à la moyenne du secteur et le plus élevé parmi ses pairs, l'équipe de NDTV a toujours constaté des améliorations possibles et a décidé d'investir dans Web Vitals ainsi que d'autres modifications du produit pour améliorer ses taux d'engagement.
L'approche qu'ils ont utilisée
Grâce à des outils tels que PageSpeed Insights, web.dev/measure et WebPageTest, l'équipe NDTV a analysé les points d'amélioration potentiels du site. Ces idées d'optimisation clairement définies lui ont permis de redéfinir les priorités des tâches à fort impact et d'obtenir des résultats immédiats pour améliorer les Signaux Web essentiels. Optimisations incluses:
- Priorisez le bloc de contenu le plus volumineux en retardant les demandes tierces, y compris les appels d'annonces pour les espaces publicitaires situés en dessous de la ligne de flottaison, et les intégrations de réseaux sociaux, qui sont également situées en dessous de la ligne de flottaison.
- Augmentez la mise en cache du contenu statique de quelques minutes à 30 jours.
-
Utilisation de
font-display
pour afficher le texte plus tôt pendant le téléchargement des polices. - Utiliser des graphiques vectoriels pour les icônes au lieu de polices TrueType (TTF)
- Chargement différé JavaScript et CSS: chargement de la page avec le minimum de fichiers JS et CSS possibles, puis chargement différé des fichiers JS et CSS restants lors du défilement de la page.
- La préconnexion aux origines fournissant des éléments critiques.
![Résumé des optimisations: Largest Contentful Paint, mise en cache, CSS, graphiques vectoriels, fichiers JS et CSS à chargement différé, préconnexion.](https://web.dev/static/case-studies/ndtv/image/a-summary-the-optimizati-b938d496646d5.png?authuser=6&hl=fr)
Impact
Les Signaux Web ont équipé l'équipe de signaux basés sur les métriques pour accélérer le processus d'amélioration de l'expérience utilisateur.
Avant de commencer le projet d'optimisation, l'équipe NDTV a comparé son score LCP à 3 secondes (pour le 75e centile de ses utilisateurs, d'après les données de champ du rapport d'expérience utilisateur Chrome). Après le projet d'optimisation, elle est réduite à 1,6 seconde. L'équipe a également réduit son score CLS (Cumulative Layout Shift) à 0,05. D'autres métriques sur WebPageTest, telles que "First Byte Time" et "Utilisation efficace de CDN", sont maintenant notées A.
![Score CLS de 0,05.](https://web.dev/static/case-studies/ndtv/image/005-cls-score-63ecddcee9427.png?authuser=6&hl=fr)
de retour sur investissement
Malgré la complexité et la profondeur de ndtv.com, le site obtenait déjà des scores FID et CLS décents, grâce à l'attention de longue date de l'équipe sur les performances et les bonnes pratiques en matière d'expérience utilisateur. Pour améliorer davantage son expérience utilisateur, l'équipe s'est concentrée sur le LCP et a réussi à atteindre le seuil quelques semaines après le lancement de son travail d'optimisation.
Résultats commerciaux globaux
- Amélioration de 55% du LCP suite à l'optimisation des signaux Web essentiels.
- Réduction de 50% du taux de rebond sur le site Web après optimisation pour les Signaux Web essentiels et après d'autres modifications du produit.
- Augmentation de l'engagement et de la consommation directe de contenu, tout en augmentant proportionnellement les revenus générés sur le site Web.
![Amélioration de 55% du LCP. Réduction de 50% du taux de rebond Augmentation de l'engagement et de la consommation.](https://web.dev/static/case-studies/ndtv/image/55-improvement-lcp-50-bbfb39b0c8352.png?authuser=6&hl=fr)
NDTV applique depuis longtemps les bonnes pratiques pour offrir une expérience utilisateur de haute qualité. Nous considérons actuellement que les signaux Web font partie intégrante du développement de nos produits, et l'augmentation de l'engagement que nous avons constatée en fait un bon ROI.
Kawaljit Singh Bedi, Chief Technology and Product Officer, NDTV Group
Consultez la page Études de cas Scale on Web pour découvrir d'autres témoignages en Inde et en Asie du Sud-Est.