PWA mới cũng có thời gian tải trung bình nhanh hơn 30% so với trang web cũ, đồng thời cải thiện tỷ lệ thoát 12% và độ sâu phiên 18%.
Orange Polska S.A. (thuộc Tập đoàn Orange quốc tế) là một nhà cung cấp dịch vụ viễn thông hàng đầu ở Ba Lan, bao gồm cả dịch vụ viễn thông cố định và di động, chẳng hạn 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 dịch vụ tích hợp và dịch vụ CNTT, đường thuê và các dịch vụ gia tăng giá trị và thiết bị viễn thông khác.
Thách thức
Chúng ta đều biết cảm giác lo lắng chuyển thành khó chịu khi một trang web mất nhiều thời gian để tải. Đối với các công ty kỹ thuật số có ít hoặc không có sự hiện diện thực tế, tác động của điều này là rõ ràng, đặc biệt là đối với ứng dụng di động. Nghiên cứu nội bộ của chúng tôi cho thấy rõ ràng rằng lý do quan trọng nhất khiến người dùng gỡ cài đặt ứng dụng là tốc độ. Tuy nhiên, nếu bạn hoạt động trong một ngành đã có chỗ đứng vững chắc như chúng tôi, với chiến lược mạnh mẽ về kênh phân phối truyền thống, thì tác động của tốc độ kỹ thuật số sẽ không rõ ràng như vậy, vì kỹ thuật số không phải là nguồn duy nhất mang lại doanh số cho chúng tôi. Điều này càng khiến việc thuyết phục các nhà điều hành đầu tư vào tốc độ trở nên khó khăn hơn.
Khi thuyết phục các nhà điều hành, chúng tôi đã củng cố lập luận của mình bằng cách chuyển sang dữ liệu hiệu suất trước đây trên Google Analytics để cho thấy rõ mối tương quan giữa thời gian tải và tỷ lệ chuyển đổi. Bằng những dữ liệu thực tế, chúng tôi có thể chứng minh rằng mỗi giây tăng thêm trong thời gian tải trang sẽ làm giảm doanh thu và doanh số từ 15 đến 20%.
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 tập trung đặc biệt 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 thông qua thiết bị di động. Nhóm nghiên cứu tập trung đồng đều vào việc cải thiện các chỉ số hiệu suất chính và mang đến trải nghiệm hấp dẫn và thu hút hơn.
Chúng tôi đã thành lập một nhóm scrum đa chức năng mới (bao gồm các chuyên gia về CNTT, kinh doanh 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 hiệu quả thời gian tải trong khi vẫn tuân thủ các giới hạn đáng kể của các phiên bản cũ không?
- Mức tác động thực tế đến lượt chuyển đổi và doanh thu sẽ là gì?
Chúng tôi chọn Next.js vì 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 hiển thị tự động 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ải trước dữ liệu và phân tách mã. Một yếu tố quan trọng khác mà chúng tôi 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ý quá trình chuyển đổi trong một môi trường phức tạp, nơi 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 được 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ợ bị lỗi. Workbox cũng giúp chúng tôi tăng hiệu suất đáng kể nhờ các giải pháp tích hợp sẵn để lưu vào bộ nhớ đệm trước, đị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ũ, số 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 phiên tăng 18%. Kinh nghiệm này đã xác nhận hướng đi 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ả trang trước để tự chăm sóc khách hàng và nhân viên bán hàng) sang công nghệ PWA.