NDTV nâng cao trải nghiệm người dùng, từ đó giữ chân người dùng bằng cách tối ưu hoá cho Các chỉ số quan trọng về trang web.
NDTV là một trong những đài và trang web tin tức hàng đầu của Ấn Độ. Bằng cách làm theo chương trình Chỉ số quan trọng trên web, họ đã tăng thêm 55% một trong những chỉ số người dùng quan trọng nhất, Thời gian hiển thị nội dung lớn nhất (LCP) thêm 55% chỉ trong một tháng. Điều này tương quan với việc giảm 50% tỷ lệ thoát.
55%
Mức cải thiện về LCP
50%
Mức giảm tỷ lệ thoát
Nêu bật cơ hội
Với gần 200 triệu người dùng riêng biệt mỗi tháng, điều rất quan trọng đối với NDTV là tối ưu hoá chất lượng trải nghiệm người dùng. Mặc dù tỷ lệ tương tác của họ cao hơn mức trung bình trong ngành và cao nhất so với các ứng dụng ngang hàng, nhóm NDTV vẫn nhận thấy khả năng cải thiện và quyết định đầu tư vào Web Vitals cùng với các thay đổi khác về sản phẩm để cải thiện hơn nữa tỷ lệ tương tác.
Phương pháp mà họ sử dụng
Với sự trợ giúp của các công cụ như PageSpeed Insights, web.dev/measure và WebPageTest, nhóm NDTV đã phân tích những khía cạnh có thể cải thiện trên trang web. Những ý tưởng tối ưu hoá được xác định rõ ràng này đã giúp họ sắp xếp lại mức độ ưu tiên cho các nhiệm vụ có tác động lớn và đạt được kết quả tức thì trong việc cải thiện Các chỉ số quan trọng về trang web. Các chế độ tối ưu hoá bao gồm:
- Ưu tiên việc chặn nội dung lớn nhất bằng cách trì hoãn các yêu cầu của bên thứ ba, bao gồm cả lệnh gọi quảng cáo cho vùng quảng cáo dưới màn hình đầu tiên và lượt nhúng trên mạng xã hội (cũng nằm dưới màn hình đầu tiên).
- Tăng thời gian lưu vào bộ nhớ đệm cho nội dung tĩnh từ vài phút lên 30 ngày.
-
Sử dụng
font-display
để hiển thị văn bản sớm hơn khi tải phông chữ xuống. - Sử dụng đồ hoạ vectơ cho các biểu tượng thay vì Phông chữ TrueType (TTF).
- Tải từng phần JavaScript và CSS: tải trang bằng JS và CSS tối thiểu có thể, sau đó tải từng phần JS và CSS còn lại khi cuộn trang.
- Kết nối trước với những nguồn gốc phân phối tài sản quan trọng.
![Tóm tắt các tính năng tối ưu hoá: Thời gian hiển thị nội dung lớn nhất, Lưu vào bộ nhớ đệm, CSS, đồ hoạ vectơ, JS và CSS tải từng phần, kết nối trước.](https://web.dev/static/case-studies/ndtv/image/a-summary-the-optimizati-b938d496646d5.png?authuser=5&hl=vi)
Mức độ tác động
Các chỉ số quan trọng về trang web đã cung cấp cho nhóm các tín hiệu dựa trên chỉ số để đẩy nhanh quá trình cải thiện trải nghiệm người dùng.
Trước khi bắt đầu dự án tối ưu hoá, nhóm NDTV đã đo điểm chuẩn LCP của họ ở mức 3 giây (đối với bách phân vị thứ 75 của người dùng, dựa trên dữ liệu trong trường Báo cáo trải nghiệm người dùng trên Chrome). Sau khi dự án tối ưu hoá, kết quả giảm xuống còn 1,6 giây. Họ cũng giảm điểm Điểm số tổng hợp về mức thay đổi bố cục (CLS) xuống 0,05. Các chỉ số khác trên WebPageTest như "Thời gian byte đầu tiên" và "Mức sử dụng CDN hiệu quả" đã được cải thiện lên điểm A.
![0,05 điểm CLS.](https://web.dev/static/case-studies/ndtv/image/005-cls-score-63ecddcee9427.png?authuser=5&hl=vi)
Thu nhập từ đầu tư
Mặc dù có sự phức tạp và chuyên sâu của ndtv.com, nhưng trang web này đã đạt được điểm FID và CLS khá tốt, nhờ vào sự tập trung lâu dài của chúng tôi vào hiệu suất và các phương pháp hay nhất về trải nghiệm người dùng. Để cải thiện hơn nữa trải nghiệm người dùng, đội ngũ của họ đã tập trung vào LCP và đã đáp ứng được ngưỡng này trong vòng vài tuần kể từ khi bắt đầu công việc tối ưu hoá.
Kết quả kinh doanh tổng thể
- LCP đã cải thiện 55% nhờ tối ưu hoá cho Các chỉ số quan trọng về trang web.
- Tỷ lệ thoát trên trang web giảm 50% sau khi tối ưu hoá cho Các chỉ số quan trọng về trang web, cùng với các thay đổi khác về sản phẩm.
- Tăng mức độ tương tác và tiêu thụ nội dung trực tiếp, đồng thời doanh thu cho trang web cũng tăng tương ứng.
![cải thiện 55% LCP. giảm 50% tỷ lệ thoát. Tăng mức độ tương tác và mức tiêu thụ.](https://web.dev/static/case-studies/ndtv/image/55-improvement-lcp-50-bbfb39b0c8352.png?authuser=5&hl=vi)
Từ lâu, NDTV đã tuân theo các phương pháp hay nhất để mang lại trải nghiệm chất lượng cao cho người dùng. Chúng tôi coi việc đo lường Các chỉ số quan trọng về trang web là một phần không thể thiếu trong quá trình phát triển sản phẩm hiện tại. Mức tăng tương tác mà chúng tôi nhận thấy đã giúp chỉ số này đạt mức ROI cao.
Kawaljit Singh Bedi, Giám đốc công nghệ và sản phẩm của NDTV Group
Hãy xem trang Nghiên cứu điển hình về quy mô trên web để biết những câu chuyện thành công khác ở Ấn Độ và Đông Nam Á.