NDTV는 코어 웹 바이탈을 기준으로 최적화하여 LCP를 55% 개선했습니다

NDTV는 웹 바이탈에 맞게 최적화하여 사용자 경험을 개선하고 유지율을 개선했습니다.

NDTV는 인도의 유명 뉴스 방송국 및 웹사이트 중 하나입니다. 또한 웹 바이탈 프로그램을 따름으로써 가장 중요한 사용자 측정항목 중 하나인 최대 콘텐츠 렌더링 시간 (LCP)이 한 달 만에 55% 개선되었습니다. 이는 이탈률이 50% 감소하는 상관관계와 관련이 있습니다.

55%

LCP 개선

50%

이탈률 감소

기회 강조

월간 순 사용자가 2억 명에 달하기 때문에 NDTV는 사용자 경험의 품질에 맞게 최적화하는 것이 중요했습니다. 참여율이 업계 평균을 훨씬 상회하고 동종 업체 중에서 가장 높았음에도 불구하고 NDTV팀은 여전히 개선의 여지가 있음을 확인했으며, 참여율을 더욱 높이기 위해 다른 제품 변경사항과 함께 웹 바이탈에 투자하기로 결정했습니다.

사용한 접근 방식

NDTV팀은 PageSpeed Insights, web.dev/measure, WebPageTest와 같은 도구를 이용해 사이트의 잠재적 개선 영역을 분석했습니다. 이렇게 명확하게 정의된 최적화 아이디어를 통해 영향력이 큰 작업의 우선순위를 다시 지정하고 코어 웹 바이탈을 즉각적으로 개선할 수 있었습니다. 최적화 포함:

  • 스크롤해야 볼 수 있는 부분의 광고 슬롯에 대한 광고 호출, 스크롤해야 볼 수 있는 부분에 있는 소셜 네트워크 삽입을 비롯한 서드 파티 요청을 지연하여 가장 큰 콘텐츠 블록에 우선순위를 설정합니다.
  • 정적 콘텐츠의 캐싱을 몇 분에서 30일로 늘립니다.
  • font-display를 사용하여 글꼴이 다운로드되는 동안 텍스트를 더 빨리 표시합니다.
  • TTF (TrueType Fonts) 대신 아이콘에 벡터 그래픽 사용
  • JavaScriptCSS 지연 로드: 가능한 최소한의 JS 및 CSS로 페이지를 로드한 후 페이지 스크롤 시 나머지 JS 및 CSS를 지연 로드합니다.
  • 중요 애셋을 제공하는 출처에 사전 연결
최적화 요약: 최대 콘텐츠 렌더링 시간, 캐싱, CSS, 벡터 그래픽, 지연 로드된 JS 및 CSS, 사전 연결

영향

웹 바이탈은 팀에 측정항목 기반 신호를 제공하여 사용자 환경을 개선하는 프로세스를 가속화했습니다.

최적화 프로젝트를 시작하기 전에 NDTV팀은 LCP 점수를 3.0초로 벤치마킹했습니다 (Chrome 사용자 환경 보고서 필드 데이터를 기반으로 사용자의 75번째 백분위수). 최적화 프로젝트 후에는 1.6초로 단축되었습니다. 또한 레이아웃 변경 횟수 (CLS) 점수도 0.05로 낮췄습니다. '첫 바이트 시간' 및 'CDN의 효과적인 사용'과 같은 WebPageTest의 다른 측정항목이 A 등급으로 개선되었습니다.

CLS 점수 0.05

투자수익

ndtv.com은 복잡하고 깊이가 많음에도 불구하고 팀에서 성능과 UX 권장사항에 꾸준하게 중점을 둔 덕분에 사이트는 이미 양호한 수준의 FID 및 CLS 점수를 달성하고 있었습니다. 팀은 사용자 환경을 더욱 개선하기 위해 LCP에 집중했으며 최적화 작업을 시작한 지 몇 주 만에 기준을 충족할 수 있었습니다.

전반적인 비즈니스 실적

  • 코어 웹 바이탈 최적화로 LCP 55% 개선
  • 코어 웹 바이탈에 맞게 최적화한 후 웹사이트의 이탈률 50% 감소 및 기타 제품 변화
  • 콘텐츠의 참여도와 소비가 직접 증가했고 웹사이트 수익도 이에 비례하여 증가했습니다.
LCP 55% 개선 이탈률 50% 감소 참여도 및 소비 증가

NDTV는 최고 품질의 사용자 경험을 제공하기 위해 오랫동안 권장사항을 준수해 왔습니다. Google에서는 현재 웹 바이탈 측정을 제품 개발에서 필수적인 부분으로 보고 있으며, 참여도 증가 덕분에 높은 ROI를 거둘 수 있었습니다.

카왈지트 싱 베디, NDTV Group 최고 기술 및 제품 책임자

웹 확장 우수사례 페이지에서 인도 및 동남아시아의 더 많은 성공사례를 확인하세요.