Dzięki optymalizacji pod kątem podstawowych wskaźników internetowych firma NDTV zwiększyła wartość LCP o 55%

Dzięki optymalizacji pod kątem wskaźników internetowych firma NDTV zwiększyła wygodę użytkowników, a tym samym ich utrzymanie.

NDTV to jedna z czołowych stacji i witryn w Indiach. Dzięki programowi Web Viitals w ciągu zaledwie miesiąca udało się jej poprawić jeden z najważniejszych wskaźników dotyczących użytkowników – największe wyrenderowanie treści (LCP). Dzięki temu współczynnik odrzuceń zmniejszył się o 50%.

55%

Poprawa LCP

50%

Zmniejszenie współczynników odrzuceń

Podkreślenie możliwości

Ponieważ co miesiąc korzysta z niej prawie 200 mln unikalnych użytkowników, konieczne było jej optymalizację pod kątem wygody użytkowników. Chociaż wskaźniki zaangażowania były znacznie powyżej średniej branżowej i najwyższe wśród innych firm, zespół NDTV nadal zauważył pewne ulepszenia i postanowił zainwestować w WebVitals wraz z innymi zmianami w usługach, aby jeszcze bardziej poprawić wskaźniki zaangażowania.

Podejście

Za pomocą takich narzędzi jak PageSpeed Insights, web.dev/measure i WebPageTest zespół NDTV przeanalizował obszary, w których można dokonać ulepszeń. Te jasno określone pomysły na optymalizację pomogły jej ponownie nadać priorytet zadaniam o dużej intensywności i osiągnąć natychmiastowe rezultaty w zakresie poprawy podstawowych wskaźników internetowych. Uwzględnione optymalizacje:

  • Nadanie priorytetu największemu blokowi treściopóźnienie żądań zewnętrznych obejmuje m.in. wywołania reklam w boksach reklamowych w części strony widocznej po przewinięciu i umieszczanie treści w sieciach społecznościowych, które również występują w części strony widocznej po przewinięciu.
  • Wydłużenie przechowywania w pamięci podręcznej treści statycznych z kilku minut do 30 dni.
  • Używanie font-display do szybszego wyświetlania tekstu podczas pobierania czcionek.
  • Używanie w ikonach grafiki wektorowej zamiast czcionek TrueType Fonts (TTF).
  • Leniwe ładowanie JavaScript i CSS: ładowanie strony z jak najmniejszą liczbą plików JS i CSS, a potem leniwe ładowanie pozostałego kodu JS i CSS podczas przewijania strony.
  • Wstępne łączenie z źródłami dostarczającymi zasoby o znaczeniu krytycznym.
Podsumowanie optymalizacji: największe wyrenderowanie treści, pamięć podręczna, CSS, grafika wektorowa, leniwe ładowanie JS i CSS, wstępne łączenie.

Wpływ

Wskaźniki internetowe dostarczyły zespołowi sygnałów opartych na danych, aby przyspieszyć proces zwiększania wygody użytkowników.

Przed rozpoczęciem projektu optymalizacji zespół NDTV sprawdzał wynik LCP na 3,0 sekundy (dla 75 centyla użytkowników na podstawie danych z pola Raport na temat użytkowania Chrome). Po zakończeniu projektu optymalizacji spadło do 1, 6 sekundy. Zmniejszono też wynik skumulowanego przesunięcia układu (CLS) do 0,05. Inne wskaźniki w WebPageTest, takie jak „Pierwszy bajt” i „Efektywne wykorzystanie CDN”, poprawiliśmy ocenę A.

Ocena CLS: 0,05.

Zwrot poniesionych inwestycji

Pomimo złożoności i skomplikowanych treści ndtv.com witryna osiągała już przyzwoite wyniki FID i CLS. Było to możliwe dzięki temu, że zespół od dawna skupia się na poprawie wydajności i wygody użytkowania. Aby jeszcze bardziej poprawić komfort użytkowników, zespół skupił się na LCP i osiągnął ten próg w ciągu kilku tygodni od rozpoczęcia działań optymalizacyjnych.

Ogólne wyniki biznesowe

  • Wzrost wskaźnika LCP o 55% w wyniku optymalizacji pod kątem podstawowych wskaźników internetowych
  • Zmniejszenie współczynnika odrzuceń w witrynie o 50% po optymalizacji pod kątem podstawowych wskaźników internetowych oraz innych zmian w usługach.
  • Bezpośrednie zwiększenie zaangażowania i konsumpcji treści oraz proporcjonalnie zwiększone przychody z witryny.
Wzrost wskaźnika LCP o 55%. Zmniejszenie współczynnika odrzuceń o 50%. Większe zaangażowanie i konsumpcja treści

NDTV od dawna stosuje sprawdzone metody, aby zadbać o wygodę użytkowników. Pomiar wskaźników internetowych uważamy obecnie za integralną część naszych usług, a zaobserwowany wzrost zaangażowania sprawia, że stanowi to dobry zwrot z inwestycji.

Kawaljit Singh Bedi, dyrektor ds. technologii i produktów, NDTV Group

Na stronie Skaluj w internecie znajdziesz więcej historii sukcesu z Indii i Azji Południowo-Wschodniej.