Tìm hiểu cách một nhóm nhỏ đạt được thành công lớn bằng cách tạo một trang web ứng dụng (PWA) hấp dẫn cho trang web thương mại.
Có trụ sở tại Amman, Jordan, OpenSooq là một trang web thương mại quảng cáo ưu tiên thiết bị di động, cung cấp nhiều loại sản phẩm và dịch vụ tại 19 quốc gia ở Trung Đông và Bắc Phi.
Thách thức
Hơn 85% lưu lượng truy cập của OpenSooq đến từ thiết bị di động và con số này tiếp tục tăng lên. Nhiều người ở khu vực này sử dụng các thiết bị cấp thấp có dung lượng lưu trữ hạn chế, do đó, trang web dành cho thiết bị di động của OpenSooq cần phải nhanh và nhẹ nhất có thể. Tuy nhiên, thời gian tải chậm trên trang web dành cho thiết bị di động cũ của OpenSooq đang ảnh hưởng đến sự hài lòng của khách hàng và dẫn đến tỷ lệ thoát lên tới 49% ở các thị trường như Kuwait.
Để mang đến cho khách hàng trải nghiệm tốt hơn trên tất cả các nền tảng, công ty nhận thấy mình cần một trang web nhanh hơn và thích ứng hơn. Vì vậy, vào tháng 6 năm 2017, nhóm kỹ sư của OpenSooq đã ra mắt một Ứng dụng web tiến bộ (PWA).
Tập trung vào hiệu suất và độ tin cậy
Chỉ trong vòng 2,5 tháng, ba nhà phát triển nội bộ của OpenSooq đã có thể xây dựng một PWA đầy đủ tính năng bằng React và webpack.
Để đảm bảo trang web nhanh chóng và dễ dàng được lập chỉ mục bởi các công cụ tìm kiếm, nhóm đã chọn triển khai tính năng hiển thị phía máy chủ. Với gần 28% người dùng truy cập vào PWA trên mạng 2G hoặc 3G không ổn định, điều quan trọng là người dùng phải tin tưởng rằng trải nghiệm này sẽ hoạt động, bất kể các hạn chế về mạng. Vì vậy, nhóm đã triển khai trải nghiệm ngoại tuyến bằng cách sử dụng trình chạy dịch vụ và chiến lược bộ nhớ đệm trước, sau đó là mạng. Họ cũng sử dụng mẫu PRPL để giúp người dùng tải tức thì.
Bằng cách áp dụng các phương pháp hay nhất này, nhóm đã có thể giảm thời gian tải trang trung bình (Thời gian phản hồi) từ 4 giây xuống dưới 2 giây. Họ cũng sử dụng Lighthouse để đảm bảo trang web luôn có tốc độ nhanh như vậy. Những nỗ lực đó đã giúp OpenSooq đạt được hơn 1,8 tỷ lượt xem trang mỗi tháng.
Hơn một phần tư người dùng truy cập vào PWA OpenSooq qua các mạng có tốc độ trung bình thấp, vì vậy, độ tin cậy là yếu tố thiết yếu để giữ chân những người dùng đó. Worker dịch vụ và các chiến lược lưu vào bộ nhớ đệm đã giúp chúng tôi xây dựng trải nghiệm người dùng đáng tin cậy mà chúng tôi cần một cách liền mạch.
Amin Shoman, Nhà quản lý kỹ thuật PWA, OpenSooq
Cải thiện mức độ tương tác lại
Sau khi xây dựng một trải nghiệm hiệu quả và đáng tin cậy, nhóm OpenSooq muốn đảm bảo người dùng luôn tương tác với sản phẩm. Để làm điều đó, họ đã cho phép người dùng cài đặt PWA vào màn hình chính và hỗ trợ thêm các thông báo có ý nghĩa. Nhờ đó, trang web có thể thông báo cho người mua về hoạt động tương tác của người bán đối với các cụm từ tìm kiếm và thông báo cho người bán về việc kích hoạt và hết hạn quảng cáo.
Những điểm cải tiến này đã giúp tăng 14% số người dùng hoạt động hằng tháng trên trang web của OpenSooq. Đối với những người dùng đã cài đặt PWA, số lượt truy cập trang mỗi phiên tăng 48% và thời lượng phiên trung bình tăng 28%. OpenSooq cũng nhận thấy thời gian trung bình của người dùng trên một trang tăng 25% và tỷ lệ thoát trung bình giảm 29% trên tất cả các thị trường.
Hướng đến tương lai
Chỉ sau vài tuần nỗ lực, OpenSooq đã tạo ra một PWA có đầy đủ tính năng, dung lượng 23 KB, mang đến trải nghiệm nhất quán cho người dùng trên tất cả nền tảng và trình duyệt. Và vì dễ dàng cập nhật các tính năng trên web, nên nhóm đã ưu tiên PWA bằng cách ra mắt và thử nghiệm các tính năng mới cũng như quy trình của người dùng trên PWA trước khi triển khai các tính năng đó cho các nền tảng khác.
OpenSooq hiện đang nỗ lực thêm lời nhắc cài đặt dành riêng cho nền tảng và tích hợp PWA với trang AMP. Những điểm cải tiến này sẽ giúp tăng tốc độ tải trang và giúp quá trình chuyển đổi sang ứng dụng dành riêng cho nền tảng diễn ra liền mạch nhất có thể. Dựa trên nền tảng của nỗ lực phát triển ban đầu, nhóm OpenSooq sẽ tiếp tục mang đến cho người dùng trải nghiệm tốt nhất có thể.
Cả nhóm lãnh đạo và nhóm kỹ thuật đều nhận thấy tầm quan trọng của việc phát triển PWA. Sau khi xây dựng một ứng dụng web hiện đại và cải thiện hiệu suất của ứng dụng đó, chúng tôi rất vui khi thấy tác động của khoản đầu tư 2,5 tháng này đối với hoạt động kinh doanh.
Ramzi Alqrainy, Giám đốc công nghệ, OpenSooq