Màu cam: PWA mới chuyển đổi tốt hơn 52% trên thiết bị di động

PWA mới cũng có thời gian tải trung bình nhanh hơn 30% so với trang web cũ và đã cải thiện tỷ lệ thoát thêm 12% và độ sâu phiên là 18%.

Adam Skręt
Adam Skręt
Marcin Sierakowski
Marcin Sierakowski
Rafał Filipek
Rafał Filipek

Orange Polska S.A. (thuộc tập đoàn Orange Group quốc tế) là nhà cung cấp dịch vụ viễn thông hàng đầu tại Ba Lan, bao gồm cả dịch vụ viễn thông di động và cố định như dịch vụ thoại, dữ liệu, truy cập Internet và truyền hình. Chúng tôi cũng cung cấp các dịch vụ CNTT và tích hợp, đường truyền cho thuê cũng như các dịch vụ và thiết bị viễn thông khác có giá trị gia tăng.

Ảnh chụp màn hình của PWA mới.

Khó khăn

Chúng ta đều biết rằng cảm giác lo lắng chuyển thành khó chịu khi trang web tải liên tục. Đối với các công ty kỹ thuật số ít hoặc không có sự hiện diện thực tế, tác động của việc này là rất rõ ràng, đặc biệt đối với các ứng dụng di động khi nghiên cứu nội bộ của chúng tôi chỉ ra rằng lý do quan trọng nhất của việc gỡ cài đặt ứng dụng là tốc độ. Tuy nhiên, nếu bạn hoạt động trong một lĩnh vực đã có danh tiếng như chúng tôi với một chiến lược thực tế mạnh mẽ dành cho kênh phân phối, thì tác động của tốc độ kỹ thuật số sẽ không rõ ràng, vì kỹ thuật số không phải là nguồn doanh số duy nhất của chúng tôi. Điều này thậm chí còn khó khăn hơn trong việc thuyết phục nhà điều hành đầu tư vào tốc độ.

Khi thuyết trình bán hàng cho ban điều hành, chúng tôi làm cho trường hợp của mình trở nên vững chắc hơn bằng cách sử dụng dữ liệu hiệu suất trước đây trên Google Analytics để chỉ ra rõ mối tương quan giữa thời gian tải và tỷ lệ chuyển đổi. Dựa trên dữ kiện thực tế và lạnh lùng, chúng tôi có thể chỉ ra rằng với mỗi giây tải trang thêm, bạn có thể làm giảm doanh số và doanh thu từ 15% đến 20%.

Các biểu đồ cho thấy mối tương quan giữa thời gian tải và số lượt chuyển đổi.
Biểu đồ trên cùng (có màu cam) cho thấy tỷ lệ chuyển đổi trên trang web cũ, được phân đoạn theo thời gian tải. Ví dụ: thanh đầu tiên ở bên trái đại diện cho người dùng có thời gian tải dưới 2 giây. Thanh bên cạnh thể hiện những người dùng đã gặp phải thời gian tải từ 2 đến 3 giây. Biểu đồ dưới cùng (màu xám) cho thấy thời gian tải mà tất cả người dùng thực sự gặp phải trên trang web cũ.

Phương pháp

Chúng tôi quyết định xây dựng một Ứng dụng web tiến bộ (PWA). Chúng tôi đặc biệt tập trung vào lưu lượng truy cập trên thiết bị di động vì hơn 75% khách hàng sử dụng trang web của chúng tôi trên thiết bị di động. Cả nhóm tập trung như nhau vào việc cải thiện các chỉ báo hiệu suất chính, cũng như mang đến trải nghiệm hấp dẫn và hấp dẫn hơn.

Chúng tôi đã thành lập một nhóm scrum mới gồm nhiều chức năng (bao gồm cả các chuyên gia CNTT, doanh nghiệp và trải nghiệm người dùng) nhằm cung cấp bằng chứng về khái niệm để trả lời các câu hỏi sau:

  • Chúng ta có thể giảm thời gian tải một cách hiệu quả trong khi vẫn tôn trọng các giới hạn quan trọng về cũ hay không?
  • Điều gì sẽ tác động thực tế đến lượt chuyển đổi và doanh thu?

Chúng tôi chọn Next.js vì có nhiều tính năng tối ưu hoá được bật theo mặc định hoặc dễ thiết lập, chẳng hạn như tính năng tự động hiển thị phía máy chủ (đặc biệt quan trọng đối với hoạt động SEO của chúng tôi), tìm nạp trước dữ liệu và chia tách mã. Một điểm quan trọng khác mà chúng tôi cần cân nhắc là Next.js cho phép chúng tôi di chuyển từng trang mà không gây ra bất kỳ vấn đề nào trong các ứng dụng cũ. Tuy nhiên, chúng tôi phải quản lý việc chuyển đổi trong một môi trường phức tạp mà chúng tôi vẫn phụ thuộc vào các hệ thống cũ, dẫn đến việc không cung cấp dịch vụ. Để khắc phục vấn đề này, chúng tôi đã tích hợp Workbox để trang web của chúng tôi luôn hoạt động ngay cả khi phần phụ trợ ngừng hoạt động. Workbox cũng giúp chúng tôi tăng hiệu suất tốt nhờ các giải pháp tích hợp sẵn giúp lưu trước vào bộ nhớ đệm, định tuyến yêu cầu và lưu vào bộ nhớ đệm trong thời gian chạy.

Kết quả

PWA mới của chúng tôi có thời gian tải trung bình nhanh hơn 30% so với trang web cũ, lượt chuyển đổi trên thiết bị di động tăng 52%, tỷ lệ thoát tăng 12% và độ sâu của phiên tăng 18%. Trải nghiệm này đã khẳng định định hướng chiến lược để chuyển đổi tất cả các giải pháp dành cho khách hàng (bao gồm cả giao diện người dùng cho hoạt động tự chăm sóc khách hàng và giao diện người dùng của nhân viên bán hàng) sang công nghệ PWA.