Ngày xuất bản: 17 tháng 3 năm 2021
Bằng cách chạy thử nghiệm A/B tập trung vào việc tối ưu hoá các chỉ số về Vitals của web, Vodafone nhận thấy rằng việc cải thiện LCP thêm 31% đã giúp tăng doanh số thêm 8%, tăng tỷ lệ khách hàng tiềm năng chuyển sang lượt truy cập thêm 15% và tăng tỷ lệ lượt truy cập vào giỏ hàng thêm 11%.
Vodafone là một công ty viễn thông hàng đầu ở Châu Âu và Châu Phi, hoạt động trên mạng cố định và di động ở 21 quốc gia, đồng thời hợp tác với các mạng di động ở 48 quốc gia khác. Bằng cách chạy thử nghiệm A/B trên trang đích (trong đó phiên bản A được tối ưu hoá cho Chỉ số quan trọng chính của trang web và có điểm LCP tốt hơn 31% trong trường so với phiên bản B), Vodafone xác định rằng việc tối ưu hoá cho Chỉ số quan trọng chính của trang web đã giúp tăng doanh số thêm 8%.
31%
Mức cải thiện 31% về LCP đã giúp…
+8%
Tổng doanh số tăng
+15%
Mức tăng về tỷ lệ lượt chuyển đổi khách hàng tiềm năng thành lượt truy cập
+11%
Mức tăng về tỷ lệ lượt thêm vào giỏ hàng sau khi xem
Nhấn mạnh cơ hội
Vodafone biết rằng các trang web có tốc độ nhanh hơn thường có mối tương quan với các chỉ số kinh doanh được cải thiện và họ muốn tối ưu hoá điểm số về Các chỉ số quan trọng về trang web làm chiến lược tiềm năng để tăng doanh số. Tuy nhiên, họ cần xác định chính xác loại ROI mà họ sẽ nhận được.
![Hai ảnh chụp màn hình trang web của Vodafone.](https://web.developers.google.cn/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=0&hl=vi)
Phương pháp họ sử dụng
Thử nghiệm A/B
Lưu lượng truy cập cho thử nghiệm A/B đến từ nhiều kênh truyền thông có tính phí, bao gồm cả quảng cáo hiển thị, iOS/Android, tìm kiếm và mạng xã hội. 50% lưu lượng truy cập được gửi đến trang đích được tối ưu hoá (phiên bản A) và 50% được gửi đến trang cơ sở (phiên bản B). Phiên bản A và phiên bản B đều nhận được khoảng 100 nghìn lượt nhấp và 34 nghìn lượt truy cập mỗi ngày. Như đã đề cập trước đó, sự khác biệt duy nhất giữa phiên bản A và phiên bản B là phiên bản A được tối ưu hoá cho Web Vitals. Ngoài ra, không có sự khác biệt về chức năng hoặc hình ảnh giữa hai phiên bản. Vodafone đã sử dụng API PerformanceObserver
để đo lường LCP trên các phiên người dùng thực và gửi dữ liệu trường đến nhà cung cấp dịch vụ phân tích của họ.
Tối ưu hoá
Vodafone đã thực hiện các thay đổi sau trên trang được tối ưu hoá (phiên bản A):
- Chuyển logic kết xuất cho một tiện ích từ phía máy khách sang phía máy chủ, nhờ đó giảm thiểu JavaScript chặn kết xuất
- HTML quan trọng được kết xuất phía máy chủ
- Hình ảnh được tối ưu hoá, bao gồm cả việc đổi kích thước hình ảnh chính, tối ưu hoá hình ảnh SVG, sử dụng truy vấn nội dung nghe nhìn để tránh tải hình ảnh chưa hiển thị trong khung nhìn và tối ưu hoá hình ảnh PNG
Kết quả kinh doanh tổng thể
Sau khi tối ưu hoá phiên bản A cho các chỉ số quan trọng về trang web và so sánh với phiên bản B chưa được tối ưu hoá, Vodafone nhận thấy phiên bản A đã giúp:
- Doanh số bán hàng tăng 8%
- Tỷ lệ khách hàng tiềm năng chuyển đổi thành lượt truy cập tăng 15% (số người dùng trở thành khách hàng tiềm năng so với tổng số khách truy cập)
- Tỷ lệ lượt truy cập vào giỏ hàng tăng 11% (số người dùng truy cập vào giỏ hàng so với tổng số khách truy cập)
![Hình minh hoạ nhắc lại kết quả kinh doanh.](https://web.developers.google.cn/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=0&hl=vi)
Bảng sau đây cho thấy các giá trị của DOMContentLoaded
("DCL") và LCP mà Vodafone quan sát được trên phiên bản A ("Trang được tối ưu hoá") và phiên bản B ("Trang mặc định"). Lưu ý rằng DCL thực sự tăng 15%. Các giá trị tuyệt đối liên quan đến các chỉ số kinh doanh đã bị loại bỏ.
Tại Vodafone, chúng tôi thử nghiệm các giải pháp mới, đo lường kết quả, giữ lại những giải pháp hiệu quả và đặt câu hỏi về những giải pháp không hiệu quả, đồng thời rút kinh nghiệm từ những sai lầm. Chúng tôi gọi đó là "Thử nghiệm, học nhanh". Nhờ hợp tác với Google và đưa LCP làm KPI chính cho hiệu suất trang, chúng tôi có thể cải thiện đáng kể trải nghiệm khách hàng trên trang web thương mại điện tử của mình.
Davide Grossi, Trưởng bộ phận Tiếp thị kỹ thuật số, Doanh nghiệp
Hãy xem trang Nghiên cứu điển hình về việc mở rộng quy mô trên web để biết thêm các câu chuyện thành công.