La TV del giorno dopo ha migliorato l'esperienza utente e quindi la fidelizzazione grazie all'ottimizzazione per i Segnali web.
NDTV è uno dei siti web e le stazioni di informazione principali dell'India. Seguendo il programma Vitali web, l'azienda ha migliorato del 55% in un solo mese una delle loro metriche utente più importanti, la Largest Contentful Paint (LCP). Ciò era correlato a una riduzione del 50% della frequenza di rimbalzo.
55%
Miglioramento dell'LCP
Il 50%
Riduzione della frequenza di rimbalzo
Mettere in evidenza l'opportunità
Con quasi 200 milioni di utenti unici al mese, era fondamentale per la TV del giorno dopo ottimizzare la qualità dell'esperienza utente. Sebbene i tassi di coinvolgimento fossero molto più alti della media del settore e i più alti tra quelli dei colleghi, il team NDTV vedeva comunque un margine di miglioramento e ha deciso di investire in Web Vitals insieme ad altre modifiche ai prodotti per migliorare ulteriormente i tassi di coinvolgimento.
L'approccio utilizzato
Con l'aiuto di strumenti come PageSpeed Insights, web.dev/measure e WebPageTest, il team NDTV ha analizzato potenziali aree di miglioramento del sito. Queste idee di ottimizzazione chiaramente definite hanno aiutato a ridefinire le priorità delle attività ad alto impatto e a ottenere risultati immediati nel miglioramento dei Segnali web essenziali. Ottimizzazioni incluse:
- Dare la priorità al blocco di contenuti più grande ritardando le richieste di terze parti, incluse le chiamate degli annunci per le aree annuncio below the fold e gli incorporamenti nei social network, anch'essi below the fold.
- Aumento della memorizzazione nella cache dei contenuti statici da pochi minuti a 30 giorni.
-
Utilizzo di
font-display
per visualizzare più rapidamente il testo durante il download dei caratteri. - Utilizzo di grafica vettoriale per le icone anziché caratteri TrueType (TTF).
- Caricamento lento di JavaScript e CSS: caricamento della pagina con il numero minimo di JS e CSS possibili, quindi il caricamento lento del codice JS e CSS rimanente nello scorrimento della pagina.
- Precollegamento alle origini che inviano asset critici.
![Un riepilogo delle ottimizzazioni: Largest Contentful Paint, Caching, CSS, grafica vettoriale, JS e CSS con caricamento lento, preconnessione.](https://web.developers.google.cn/static/case-studies/ndtv/image/a-summary-the-optimizati-b938d496646d5.png?authuser=5&hl=it)
Impatto
Web Vitals ha fornito al team indicatori basati sulle metriche per accelerare il processo di miglioramento dell'esperienza utente.
Prima di iniziare il progetto di ottimizzazione, il team NDTV ha confrontato il punteggio LCP a 3,0 secondi (per il 75° percentile degli utenti, in base ai dati dei campi del Report sull'esperienza utente di Chrome). Dopo il progetto di ottimizzazione, il tempo è sceso a 1,6 secondi. Inoltre, ha ridotto il punteggio di Cumulative Layout Shift (CLS) a 0,05. Altre metriche su WebPageTest, come "First Byte Time" e "Utilizzo effettivo di CDN", hanno ottenuto un voto A.
![Punteggio CLS di 0,05.](https://web.developers.google.cn/static/case-studies/ndtv/image/005-cls-score-63ecddcee9427.png?authuser=5&hl=it)
Ritorno sull'investimento
Nonostante la complessità e la profondità di ndtv.com, il sito stava già ottenendo punteggi FID e CLS decenti, grazie all'attenzione di lunga data del team alle prestazioni e alle best practice per l'UX. Per migliorare ulteriormente l'esperienza utente, il team si è concentrato sulla metrica LCP ed è riuscito a raggiungere la soglia entro poche settimane dall'inizio del lavoro di ottimizzazione.
Risultati generali relativi all'attività
- Miglioramento del 55% dell'LCP grazie all'ottimizzazione di Core Web Vitals.
- Riduzione del 50% della frequenza di rimbalzo sul sito web dopo l'ottimizzazione per Core Web Vitals, insieme ad altre modifiche al prodotto.
- Un aumento del coinvolgimento e dell'utilizzo dei contenuti in modo diretto e in modo proporzionale delle entrate per il sito web.
![Miglioramento del 55% della metrica LCP. Riduzione del 50% della frequenza di rimbalzo. Maggiore coinvolgimento e consumo.](https://web.developers.google.cn/static/case-studies/ndtv/image/55-improvement-lcp-50-bbfb39b0c8352.png?authuser=5&hl=it)
La TV del giorno ha seguito da molto tempo le best practice per offrire un'esperienza utente di ottima qualità. Consideriamo la misurazione dei Segnali web come parte integrante dello sviluppo del nostro prodotto oggi. L'aumento del coinvolgimento che abbiamo registrato ne fa un buon ROI.
Kawaljit Singh Bedi, Chief Technology and Product Officer, NDTV Group
Consulta la pagina Case study di Scale on Web per altri casi di successo da India e Sud-est asiatico.