Tìm hiểu cách một nhóm nhỏ đạt được những thành công lớn bằng cách tạo một ứng dụng web tiến bộ (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 rao vặt ư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 trên khắp Trung Đông và Bắc Phi.
Thách thức
Hơn 85% lưu lượng truy cập của OpenSo soát đến từ các thiết bị di động và con số đó vẫn còn tiếp tục tăng lên. Nhiều người trong khu vực sử dụng các thiết bị cấp thấp với dung lượng lưu trữ hạn chế. Điều này tạo ra nhu cầu mạnh mẽ để trang web dành cho thiết bị di động của OpenSo SSV phải chạy nhanh và nhẹ nhàng nhất có thể. Tuy nhiên, thời gian tải chậm trên trang web cũ của OpenSo SSV đã ảnh hưởng đến sự hài lòng của khách hàng và khiến tỷ lệ thoát tăng lên đến 49% ở những thị trường như Kuwait.
Để phục vụ khách hàng với trải nghiệm tốt hơn nhất quán trên tất cả các nền tảng, công ty nhận thấy rằng họ cần một trang web có tốc độ nhanh và khả năng phản hồi nhanh hơn. Vì vậy, vào tháng 6 năm 2017, nhóm kỹ thuật của OpenSo tăng đã cho 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
Ba nhà phát triển nội bộ của OpenSoid đã có thể xây dựng một ứng dụng web tiến bộ (PWA) đầy đủ tính năng bằng React và webpack chỉ trong vòng 2,5 tháng.
Để đảm bảo rằng các công cụ tìm kiếm có thể lập chỉ mục trang web nhanh chóng và dễ dàng, đội ngũ này đã chọn phương thức hiển thị phía máy chủ. Khi 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 tối quan trọng là họ phải tin tưởng vào trải nghiệm này để hoạt động, bất kể 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 ưu tiên bộ nhớ đệm sau đó 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, đội ngũ này đã có thể giảm thời gian tải trang trung bình (Thời gian tương tác) từ 4 giây xuống dưới 2 giây. Họ đã sử dụng Lighthouse để đảm bảo trang web hoạt động nhanh như vậy. Những nỗ lực đó đã giúp OpenSo vừa đạ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 của chúng tôi truy cập vào PWA OpenSoid từ các mạng có mức độ trung bình thấp, vì vậy, yếu tố cần thiết là độ tin cậy để duy trì tương tác với những người dùng đó. Trình chạy dịch vụ và 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, OpenSoid
Cải thiện mức độ tương tác lại
Sau khi xây dựng được một trải nghiệm hiệu quả và đáng tin cậy, đội ngũ OpenSoKhám phá muốn đảm bảo người dùng luôn tương tác với sản phẩm. Để làm được điều đó, họ cho phép người dùng cài đặt PWA vào màn hình chính và bổ sung tính năng hỗ trợ cho các thông báo có ý nghĩa. Điều này cho phép trang web 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à người bán về việc kích hoạt và thời hạn quảng cáo.
Những điểm cải tiến này đã giúp tăng số người dùng hoạt động hằng tháng trong trải nghiệm web của OpenSoid lên 14%. Đối với 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%. OpenSo! 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 trên tất cả thị trường giảm 29%.
Hướng đến tương lai
Chỉ sau vài tuần nỗ lực, OpenSo! đã tạo ra một ứng dụng web tiến bộ (PWA) có đầy đủ tính năng 23 KB, mang lại trải nghiệm nhất quán cho người dùng trên mọi nền tảng và trình duyệt. Vì việc cập nhật các tính năng trên web rất dễ dàng, nên PWA đã ưu tiên áp dụng PWA bằng cách phát hành và thử nghiệm các tính năng mới cũng như quy trình người dùng trên PWA trước khi triển khai sang các nền tảng khác.
OpenSono đ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 tăng tốc trên thiết bị di động (AMP). Những cải tiến này sẽ tăng tốc độ tải trang hơn nữa 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ể. Bằng cách xây dựng trên nền tảng của nỗ lực phát triển ban đầu của họ, nhóm OpenSo mút sẽ tiếp tục cung cấp cho người dùng của họ trải nghiệm tốt nhất có thể.
Cả nhóm lãnh đạo và nhóm kỹ thuật đều hiểu rõ 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à hoạt động hiệu quả, chúng tôi rất vui mừng được thấy tác động của khoản đầu tư 2,5 tháng đối với hoạt động kinh doanh.
Ramzi Alqrainy, Giám đốc công nghệ, OpenSo mút