Ngày phát hành: 19 tháng 3 năm 2025
T-Mobile là một công ty viễn thông hàng đầu ở Hoa Kỳ, cung cấp phạm vi phủ sóng rộng rãi và kết nối 5G nhanh chóng.
Bằng cách phân tích các chỉ số quan trọng về trang web của người dùng thực, T-Mobile nhận thấy rằng việc cải thiện các chỉ số quan trọng về trang web có thể tác động đáng kể đến cả trải nghiệm người dùng và các chỉ số kinh doanh.
Trong nỗ lực không ngừng để cải thiện sự hiện diện kỹ thuật số, T-Mobile đã cải thiện Chỉ số quan trọng chính của trang web (đặc biệt là Thời gian tải nội dung lớn nhất (LCP)) để nâng cao trải nghiệm người dùng, từ đó cải thiện các chỉ số kinh doanh chính.
Nâng cao nhận thức về hiệu suất web bằng dữ liệu
Nhận thấy nhu cầu ngày càng tăng về việc đảm bảo trải nghiệm người dùng tuyệt vời trên web, nhóm SEO và nhóm Sản phẩm của T-Mobile đã bắt tay vào một sáng kiến chung nhằm cải thiện hiệu suất của trang web. Bước đầu tiên là đưa Các chỉ số quan trọng về trang web lên hàng đầu trong các cuộc thảo luận với các bên liên quan, đảm bảo rằng các chỉ số này được coi là ưu tiên hàng đầu – một khó khăn mà các nhóm phát triển thường gặp phải ở nhiều công ty.
Để giải quyết vấn đề này, T-Mobile đã chuyển sang chiến lược dựa trên dữ liệu. Tự tin rằng dữ liệu trong phòng thí nghiệm từ Lighthouse và dữ liệu từ Báo cáo trải nghiệm người dùng trên Chrome (CrUX) chỉ có thể cung cấp một phần thông tin về hiệu suất, họ đã tích hợp thư viện JavaScript web-vitals vào các tài sản web của T-Mobile để trực tiếp thu thập và phân tích dữ liệu hiệu suất (còn gọi là dữ liệu thực tế tại trang) từ người dùng thực.
Bằng cách tích hợp dữ liệu về Các chỉ số quan trọng về trang web từ thực tế với bộ công cụ phân tích, T-Mobile đã khai thác được một số điểm dữ liệu hữu ích, bao gồm:
- Ảnh hưởng đến trải nghiệm người dùng: Khách truy cập T-Mobile.com có xu hướng thoát trang khi trang tải lâu hơn.
- Tác động đến doanh nghiệp: Tỷ lệ chuyển đổi của T-Mobile.com giảm khi các trang mất nhiều thời gian hơn để tải.
Dữ liệu cho thấy rõ mối tương quan giữa hiệu suất của trang web T-Mobile và các chỉ số kinh doanh của trang web này.
Bằng cách ước tính tác động của doanh thu trên các phân khúc 100 mili giây của LCP, nhóm nghiên cứu đã thu hút được sự chú ý của ban lãnh đạo, đồng thời thành lập một nhóm đặc nhiệm đa chức năng để cải thiện hiệu suất của trang web. Bằng cách trình bày dữ liệu rõ ràng và đo lường cơ hội, Nhóm sản phẩm và SEO của T-Mobile đã truyền đạt hiệu quả tầm quan trọng của việc cải thiện Các chỉ số quan trọng về trang web.
Mở rộng phạm vi cải thiện hiệu suất web để đạt được mức tác động tối đa
Để giải quyết toàn diện các thách thức về hiệu suất, nhóm T-Mobile đã thực hiện một loạt các biện pháp cải tiến kỹ thuật có tính đến khả năng mở rộng. Những nỗ lực này tập trung vào việc tối ưu hoá các thành phần quan trọng và tận dụng các công nghệ để đảm bảo hiệu suất tăng lên một cách bền vững trên các nền tảng kỹ thuật số của họ.
Tác động đến trải nghiệm của khách hàng
Nhờ những nỗ lực cải thiện hiệu suất trang web, tổng thể, Thời gian hiển thị nội dung lớn nhất (LCP) đã giảm 42%:
Tính năng nâng cao này đã mang lại một số tác động tích cực đến trải nghiệm người dùng, bao gồm:
Tác động đối với công việc kinh doanh
Thời gian tải trang nhanh hơn cũng góp phần tạo ra quy trình mua hàng hiệu quả hơn, với tỷ lệ chuyển đổi của các lượt truy cập khách hàng tiềm năng có ý định mua sắm tăng 60% trong cùng kỳ.
Các điểm nâng cấp chính về hiệu suất đã giúp T-Mobile phát triển
Sau đây là danh sách chi tiết các sáng kiến chính và tác động tương ứng của các sáng kiến đó:
Lưu API vào bộ nhớ đệm và tái cấu trúc
Các API (bao gồm cả API Sản phẩm và API Chương trình khuyến mãi) đã được lưu vào bộ nhớ đệm và tái cấu trúc để cải thiện thời gian phản hồi và giảm tải máy chủ. Việc giảm tải sang Mạng phân phối nội dung (CDN) để tối ưu hoá việc lưu vào bộ nhớ đệm đã góp phần đáng kể vào những điểm cải tiến này.
Lưu các thành phần tĩnh vào bộ nhớ đệm
Các thành phần tĩnh (bao gồm JavaScript, các tệp kiểu và thư viện ứng dụng) đã được lưu vào bộ nhớ đệm để giảm thời gian tải. Việc sử dụng tính năng lưu vào bộ nhớ đệm CDN và tối ưu hoá chế độ cài đặt bộ nhớ đệm đã cải thiện tốc độ phân phối và giảm tải máy chủ. Việc tối ưu hoá này đóng vai trò quan trọng trong việc nâng cao hiệu suất tổng thể của trang web.
Tối ưu hoá thành phần hình ảnh
Nhóm đã tối ưu hoá các thành phần hình ảnh bằng cách giảm kích thước hình ảnh, sử dụng các định dạng hình ảnh hiện đại như WebP và triển khai hình ảnh thích ứng để đảm bảo chất lượng tốt nhất ở kích thước tệp nhỏ nhất.
Tải trước và tìm nạp trước các thành phần
Các tài nguyên quan trọng được tải trước và tìm nạp trước để đảm bảo có sẵn ngay khi cần, giúp giảm thời gian chờ cho người dùng và cải thiện thời gian tải trang.
Kết nối trước với các miền quan trọng và cải tiến tập lệnh chống nhấp nháy
Nhóm đã triển khai tính năng kết nối trước với các miền quan trọng để thiết lập kết nối sớm, giảm độ trễ khi tìm nạp tài nguyên. Ngoài ra, họ đã cải thiện tập lệnh chống nhấp nháy để giảm thiểu tình trạng nhấp nháy nội dung và đảm bảo trải nghiệm người dùng mượt mà hơn.
Di chuyển nền tảng Adobe Experience Manager (AEM)
Nhóm đã di chuyển sang phiên bản mới hơn của nền tảng giao diện người dùng, cung cấp khả năng hiệu suất tốt hơn và cải thiện cơ sở hạ tầng.
Di chuyển các thành phần góc sang thành phần nhà máy AEM
Các thành phần Angular đã được di chuyển sang các thành phần nhà máy Adobe Experience Manager (AEM) để đơn giản hoá cấu trúc, đồng thời nâng cao hiệu suất và khả năng bảo trì.
Các phương pháp tối ưu hoá chính cho trang đích
Các điểm cải tiến bao gồm tối ưu hoá băng chuyền hình ảnh, sử dụng Adobe webSDK, kéo dài thời gian lưu vào bộ nhớ đệm cho nội dung nghe nhìn động, nén tải trọng và cập nhật thiết kế hình ảnh để cải thiện thời gian tải và trải nghiệm người dùng.
Giảm lỗi trong API
Nhóm đã giảm lỗi cho một số trang thương mại điện tử chính, đảm bảo phân phối dữ liệu đáng tin cậy hơn và cải thiện hoạt động tương tác của người dùng.
Xây dựng văn hoá hiệu suất web bằng cách phổ biến dữ liệu
Để đảm bảo cam kết về hiệu suất web xuất sắc, T-Mobile đã triển khai một số biện pháp chính trên toàn tổ chức. Những sáng kiến này được thiết kế để phổ cập quyền truy cập vào dữ liệu hiệu suất, giáo dục và thu hút đội ngũ của chúng tôi, chủ động theo dõi các chỉ số Core Web Vitals và thực thi các tiêu chuẩn hiệu suất cho tất cả bản phát hành mã. Các chiến lược sau đây trình bày cách họ đang xây dựng văn hoá hiệu suất web bằng cách cung cấp dữ liệu, thúc đẩy việc học tập liên tục và thiết lập các phương pháp quản trị mạnh mẽ.
Mở rộng quyền tiếp cận dữ liệu về Chỉ số quan trọng chính của trang web
T-Mobile đã sử dụng các trang tổng quan Looker Studio mạnh mẽ để tất cả thành viên trong tổ chức đều có thể truy cập vào dữ liệu hiệu suất. Ngoài ra, một trang wiki toàn diện về hiệu suất web sẽ hướng dẫn các thành viên trong nhóm diễn giải và sử dụng báo cáo Các chỉ số quan trọng về trang web một cách hiệu quả.
Trang tổng quan Looker Studio của T-Mobile cho thấy các chỉ số về Core Web Vitals theo thời gian thực. Từ trái sang phải, thông tin này cho biết:
- Tốc kế: Phân vị thứ 75 của tất cả sự kiện LCP được ghi lại trong phạm vi ngày đã chọn.
- Biểu đồ đường: Xu hướng hằng ngày của điểm số ở bách phân vị thứ 75 trong phạm vi ngày đã chọn.
- Biểu đồ hình tròn: Tỷ lệ phần trăm phân phối điểm xếp hạng Tốt, Cần cải thiện và Kém trong phạm vi ngày đã chọn.
- Biểu đồ đường xếp chồng: Xu hướng hằng ngày về tỷ lệ phần trăm phân phối điểm xếp hạng Tốt, Cần cải thiện và Kém trong phạm vi đã chọn.
Tiếp tục hướng dẫn và tương tác
Nhà quản lý sản phẩm và SEO thường xuyên tổ chức các chương trình roadshow về hiệu suất web và các buổi chuyển giao kiến thức. Những sáng kiến này giúp giáo dục và thu hút đội ngũ rộng lớn hơn, thúc đẩy cam kết liên tục về hiệu suất web xuất sắc.
Hệ thống cảnh báo cho Chỉ số quan trọng chính của trang web
Chúng tôi đã thiết lập một hệ thống cảnh báo để theo dõi Chỉ số quan trọng chính của trang web cho nhiều nhóm trang. Khi Các chỉ số quan trọng về trang web đạt đến một ngưỡng cơ sở nhất định, hệ thống sẽ tự động gửi cảnh báo qua email cho các bên liên quan có liên quan.
Yêu cầu về hiệu suất đối với bản phát hành mã
T-Mobile cũng đã thiết lập các yêu cầu về hiệu suất đối với bản phát hành mã. Các trang phải đáp ứng các mức hiệu suất cụ thể trong Lighthouse thì mới có thể được khởi chạy, đảm bảo duy trì các tiêu chuẩn cao về hiệu suất web.
Bằng cách triển khai các biện pháp này, T-Mobile có thể đảm bảo rằng hiệu suất web vẫn là ưu tiên hàng đầu và tiếp tục thúc đẩy văn hoá cải tiến liên tục.
Lời cảm ơn
Cảm ơn những người đã làm việc về hiệu suất trang web của T-Mobile và nghiên cứu điển hình này: Kevin Lau, Monique Misrahi, Bill Dinger, Laura Mathisen, Suresh Gundu, Duke Fong, Amir Mohammadi, Liang Yeh, Jennifer Panke, Julia Edgar, Ejaz Malik, Damon Jochum, Will Fraley, Gene McKenna, Vinayak Hegde và Warren McNeel.
Nghiên cứu điển hình này được phát triển thông qua sự cộng tác giữa T-Mobile và các đối tác giải pháp khách hàng của họ tại Google, Ilya Motamedi, Dakota Deady và Christine Zanedis. Thông tin chi tiết và sự hỗ trợ của họ đã góp phần vào sự thành công của sáng kiến này.