PWA ของ Blibli สร้างรายได้ต่อผู้ใช้มากกว่าเว็บไซต์ในอุปกรณ์เคลื่อนที่เดิมถึง 10 เท่า

วิธีที่ Blibli ลดอัตราตีกลับได้ 42%, อัตรา Conversion บนอุปกรณ์เคลื่อนที่เพิ่มขึ้น 8 เท่า และหน้าเว็บต่อเซสชันเพิ่มขึ้น 2.5 เท่า

Collin Dion Agata

Swetha Gopalakrishnan

Blibli เป็นมาร์เก็ตเพลสอีคอมเมิร์ซที่มีชื่อเสียงในอินโดนีเซีย บริษัทมีการเข้าชมเว็บไซต์เฉลี่ยมากกว่า 29 ล้านครั้งต่อเดือนในปี 2019 จากการศึกษาล่าสุด ทีมเว็บของ Blibli พบว่าแพลตฟอร์มเว็บบนอุปกรณ์เคลื่อนที่เป็นแพลตฟอร์มสําคัญในการดึงดูดผู้เข้าชมและผู้ใช้ โดยมีผู้ใช้เว็บ 70% ที่ไปยังอุปกรณ์เคลื่อนที่ และผู้ใช้เว็บ 30% ที่ไปยังเดสก์ท็อป

จากข้อมูลเชิงลึกดังกล่าว Blibli จึงเริ่มต้นเส้นทางการพัฒนาประสบการณ์การใช้งานเว็บที่ดีขึ้นและปรับปรุง Conversion ด้วยเหตุนี้ แบรนด์จึงได้รับผลลัพธ์ที่ยอดเยี่ยมต่อไปนี้

42_%

การลดอัตราตีกลับ

8_x

mCVR ใน PWA ที่ติดตั้งดีกว่าเมื่อเทียบกับเว็บบนอุปกรณ์เคลื่อนที่ของเบราว์เซอร์

2.5 _x

หน้าเว็บ/เซสชันใน PWA ที่ติดตั้งมากขึ้น

ไฮไลต์โอกาส

Blibli ระบุโอกาสในด้านต่อไปนี้

สําหรับ Blibli แพลตฟอร์มเว็บบนอุปกรณ์เคลื่อนที่มีความสําคัญต่อการได้ผู้ใช้ใหม่ เนื่องจากมีผู้ใช้จํานวนมากที่ใช้อุปกรณ์ระดับกลางถึงระดับล่าง
เศรษฐกิจอินเทอร์เน็ตของอินโดนีเซียขยายตัวอย่างรวดเร็วไปยังเมืองระดับ 2 และเมืองอื่นๆ ดังนั้น PWA และหน้าเว็บที่รวดเร็วจึงเป็นการลงทุนที่ดีเพื่อรองรับความต้องการของผู้ใช้ เช่น พื้นที่เก็บข้อมูลจํากัดและเครือข่ายที่ช้า
ผู้ใช้ 50% ที่เข้ามายังแพลตฟอร์มเว็บของ Blibli เป็นผู้ใช้ที่กลับมา

แนวทางที่ใช้

ทีมใช้กลยุทธ์แบบเป็นขั้นๆ ในการปรับปรุงแพลตฟอร์มเว็บบนอุปกรณ์เคลื่อนที่ในระยะสั้นถึงกลาง ซึ่งรวมถึง

เว็บไซต์ที่เพิ่มประสิทธิภาพ รวมถึงหน้าแรกที่ปรับปรุง UX
หน้าแรกเวอร์ชัน Lite สำหรับผู้ใช้ใหม่ที่มี Service Worker เพื่อแคชชิ้นงานที่สำคัญสำหรับการไปยังส่วนต่างๆ ในภายหลัง
Progressive Web App (PWA) สําหรับผู้ใช้ที่กลับมา

โฟลว์ผู้ใช้

ผู้เข้าชมใหม่จะเห็นหน้าเว็บที่มีน้ำหนักเบาซึ่งโหลดเร็วกว่าหน้าแรกแบบเก่า 3 เท่า

หน้าเว็บที่มีน้ำหนักเบาซึ่งโหลดเร็วกว่าหน้าเว็บเดิม 3 เท่า

ในหน้าต่อๆ ไป Blibli จะแจ้งให้ผู้ใช้เพิ่มทางลัด PWA ลงในหน้าจอหลัก

พรอมต์เพิ่มลงในหน้าจอหลัก

หากผู้ใช้เสียการเชื่อมต่อเครือข่าย ระบบจะแสดงหน้าเว็บสำรองแบบออฟไลน์ที่สวยงาม

หน้า Lite ของ Blibli สร้างความประทับใจแรกว่า Blibli.com รวดเร็วและตอบสนองได้ดี นอกจากนี้ หน้า Lite ยังลดจำนวนฟีเจอร์โดยมุ่งเน้นที่ฟีเจอร์ที่นำเสนอคุณค่าของ Blibli เท่านั้น

การเปรียบเทียบเวลาในการโหลดก่อนและหลังการปรับปรุง

PWA ของ Blibli ติดตั้งได้ จึงให้ความรู้สึกเหมือนแอป นอกจากนี้ ยังรวดเร็วและเชื่อถือได้ ซึ่งทำได้โดยใช้การแคช Service Worker และการเปลี่ยนเส้นทางที่ราบรื่นเมื่อออฟไลน์

โฆษณาสำรองสำหรับใช้แบบออฟไลน์ — การแสดงผลสำรองสำหรับออฟไลน์

การเปลี่ยนแปลงนี้ถือเป็นข่าวดีสำหรับผู้ใช้เว็บซึ่งมีผู้ใช้จำนวนมากที่ใช้อุปกรณ์ระดับกลาง เนื่องจาก PWA ของ Blibli มีขนาดเล็กกว่า 1 MB (เบากว่าแอป Android มากถึง 24 เท่า) ผู้ใช้จึงติดตั้ง PWA ได้ง่ายขึ้นมาก นอกจากนี้ ยังช่วยให้ Blibli คงผู้ใช้ไว้ได้ง่ายขึ้น พร้อมมอบประสบการณ์การใช้งานที่ราบรื่นเหมือนแอป

ตั้งงบประมาณด้านประสิทธิภาพ

Blibli ได้กำหนดงบประมาณตามประสิทธิภาพให้เป็นมาตรฐานด้านประสิทธิภาพภายในการพัฒนาและการจัดการเทคโนโลยี ซึ่งมาตรฐานดังกล่าวได้รับการตรวจสอบเป็นประจำ เราได้กำหนดเป็น KPI ของการพัฒนาเทคโนโลยีภายใน โดยได้รับคำแนะนำจากผู้บริหารระดับสูงเพื่อให้มั่นใจว่าแพลตฟอร์มของเราจะเป็นแพลตฟอร์มที่ดีที่สุดสำหรับผู้ใช้ทุกคน

ผลลัพธ์ทางธุรกิจโดยรวม

เวลาในการโหลดหน้าเว็บลดลง 3 เท่า
อัตราตีกลับลดลง 42%
อัตรา Conversion บนอุปกรณ์เคลื่อนที่ใน PWA ที่ติดตั้งดีกว่าเว็บในเบราว์เซอร์บนอุปกรณ์เคลื่อนที่ 8 เท่า
หน้าเว็บ/เซสชันใน PWA ที่ติดตั้งเพิ่มขึ้น 2.5 เท่า
รายได้ต่อผู้ใช้เพิ่มขึ้น 10 เท่าเมื่อเทียบกับเว็บไซต์เวอร์ชันอุปกรณ์เคลื่อนที่ก่อนหน้า

"ความเร็วและ PWA เป็นการลงทุนที่มีคุณค่าสำหรับเราในการมอบประสบการณ์การใช้งานบนอุปกรณ์เคลื่อนที่ที่ดีที่สุดและแสดงถึงพันธกิจของเราในการมอบแพลตฟอร์มที่ดีที่สุดให้แก่ผู้ใช้" —Collin Dion Agata ผู้จัดการผลิตภัณฑ์ระดับอาวุโสของ Blibli

รูปภาพโดย Cristian Escobar จาก Unsplash