ดูวิธีที่ทีมขนาดเล็กคว้าชัยชนะครั้งยิ่งใหญ่โดยการสร้าง PWA สำหรับตลาดกลางที่น่าสนใจ
OpenSooq ตั้งอยู่ในเมืองอัมมาน ประเทศจอร์แดน ซึ่งเป็นตลาดกลางซื้อขายโฆษณาในอุปกรณ์เคลื่อนที่เป็นหลักซึ่งมีผลิตภัณฑ์และบริการที่หลากหลายใน 19 ประเทศทั่วตะวันออกกลางและแอฟริกาเหนือ
ความท้าทาย
การเข้าชมกว่า 85% ของ OpenSooq มาจากอุปกรณ์เคลื่อนที่ และตัวเลขดังกล่าวก็เพิ่มขึ้นเรื่อยๆ ผู้คนจำนวนมากในภูมิภาคนี้ใช้อุปกรณ์ระดับโลว์เอนด์ที่มีความจุของพื้นที่เก็บข้อมูลจำกัด ซึ่งสร้างความจำเป็นอย่างมากที่จะทำให้เว็บไซต์บนอุปกรณ์เคลื่อนที่ของ OpenSooq ทำงานได้รวดเร็วและใช้ทรัพยากรน้อยที่สุดเท่าที่จะเป็นไปได้ อย่างไรก็ตาม เว็บไซต์ที่โหลดช้าในเว็บไซต์ในอุปกรณ์เคลื่อนที่เก่าของ OpenSooq ส่งผลต่อความพึงพอใจของลูกค้าและทำให้เกิดอัตราตีกลับสูงถึง 49% ในตลาดอย่างคูเวต
เพื่อให้ลูกค้าได้รับประสบการณ์ที่ดีขึ้นอย่างต่อเนื่องในทุกแพลตฟอร์ม บริษัทจึงตระหนักว่าบริษัทต้องการเว็บไซต์ที่เร็วกว่าและตอบสนองได้มากกว่า ในเดือนมิถุนายน 2017 ทีมวิศวกรของ OpenSooq จึงเปิดตัว Progressive Web App (PWA)
การมุ่งเน้นเรื่องประสิทธิภาพและความน่าเชื่อถือ
นักพัฒนาซอฟต์แวร์ภายใน 3 คนของ OpenSooq สามารถสร้าง PWA ที่มีฟีเจอร์เต็มรูปแบบด้วย React และ Webpack ภายในเวลาเพียง 2 เดือนครึ่ง
เพื่อให้มั่นใจว่าเครื่องมือค้นหาจะจัดทำดัชนีเว็บไซต์ได้อย่างรวดเร็วและง่ายดาย ทีมงานจึงเลือกใช้การแสดงผลฝั่งเซิร์ฟเวอร์ เนื่องจากผู้ใช้เกือบ 28% เข้าถึง PWA ผ่านเครือข่าย 2G หรือ 3G ที่มีจำนวนไม่มาก จึงเป็นสิ่งสำคัญที่ผู้ใช้จะต้องเชื่อมั่นในการทำงาน ไม่ว่าจะมีข้อจำกัดด้านเครือข่ายหรือไม่ก็ตาม ทางทีมจึงนำประสบการณ์การใช้งานแบบออฟไลน์มาใช้โดยใช้โปรแกรมทำงานของบริการและกลยุทธ์การสร้างเครือข่ายแบบ "แคชเป็นอันดับแรก" นอกจากนี้ยังใช้รูปแบบ PRPL เพื่อให้ผู้ใช้โหลดได้ทันที
การนำแนวทางปฏิบัติแนะนำเหล่านี้มาใช้ช่วยให้ทีมลดเวลาในการโหลดหน้าเว็บโดยเฉลี่ย (เวลาในการตอบสนอง) จาก 4 วินาทีเหลือน้อยกว่า 2 วินาทีได้ และพวกเขาใช้ Lighthouse เพื่อให้แน่ใจว่าเว็บไซต์ยังคงทำงานได้เร็วขนาดนี้ ความพยายามดังกล่าวช่วยให้ OpenSooq ได้รับการดูหน้าเว็บมากกว่า 1.8 พันล้านครั้งต่อเดือน
ผู้ใช้กว่า 1 ใน 4 ของเราเข้าถึง OpenSooq PWA จากเครือข่ายระดับต่ำ ดังนั้นความน่าเชื่อถือจึงเป็นสิ่งสำคัญในการคงการมีส่วนร่วมของผู้ใช้ไว้ ผู้ปฏิบัติงานด้านบริการและกลยุทธ์การแคชช่วยให้เราสร้างประสบการณ์ของผู้ใช้ที่เสถียรซึ่งเราต้องการได้อย่างราบรื่น
Amin Shoman ผู้จัดการฝ่ายเทคนิคของ PWA ของ OpenSooq
การปรับปรุงการกลับมามีส่วนร่วม
จากประสบการณ์ที่ยอดเยี่ยมและน่าเชื่อถือ ทีม OpenSooq จึงต้องการตรวจสอบว่าผู้ใช้ยังคงมีส่วนร่วมกับผลิตภัณฑ์ วิธีการคือทำให้ผู้ใช้ติดตั้ง PWA ในหน้าจอหลักและเพิ่มการรองรับการแจ้งเตือนที่มีความหมายได้ วิธีนี้ช่วยให้เว็บไซต์แจ้งผู้ซื้อเกี่ยวกับการโต้ตอบของผู้ขายในคำค้นหาและผู้ขายเกี่ยวกับการเปิดใช้งานและการหมดอายุของโฆษณาได้
การปรับปรุงเหล่านี้ช่วยให้ผู้ใช้ที่ใช้งานอยู่รายเดือนของ OpenSooq ได้รับประสบการณ์บนเว็บเพิ่มขึ้นถึง 14% สําหรับผู้ใช้ที่ติดตั้ง PWA จะมีจำนวนการเข้าชมหน้าเว็บต่อเซสชันเพิ่มขึ้น 48% และระยะเวลาเซสชันเฉลี่ยเพิ่มขึ้น 28% นอกจากนี้ OpenSooq ยังพบว่าเวลาเฉลี่ยบนหน้าเว็บของผู้ใช้เพิ่มขึ้น 25% และอัตราตีกลับโดยเฉลี่ยลดลง 29% ในทุกตลาด
มองไปข้างหน้า
หลังจากผ่านไปเพียงไม่กี่สัปดาห์ OpenSooq ได้สร้าง PWA ที่มีฟีเจอร์เต็มรูปแบบขนาด 23 KB ซึ่งมอบประสบการณ์การใช้งานที่สอดคล้องกันแก่ผู้ใช้ในทุกแพลตฟอร์มและเบราว์เซอร์ และเนื่องจากการอัปเดตฟีเจอร์ในเว็บนั้นทำได้ง่าย ทีมจึงให้ความสำคัญกับ PWA ก่อนโดยเปิดตัวและทดสอบฟีเจอร์ใหม่และการไหลเวียนของผู้ใช้บน PWA ก่อนเปิดตัวในแพลตฟอร์มอื่นๆ
ขณะนี้ OpenSooq กําลังเพิ่มข้อความแจ้งให้ติดตั้งเฉพาะแพลตฟอร์ม และผสานรวม PWA กับ Accelerated Mobile Pages (AMP) การปรับปรุงเหล่านี้จะทำให้การโหลดหน้าเว็บรวดเร็วขึ้น และทำให้การเปลี่ยนไปใช้แอปเฉพาะแพลตฟอร์มเป็นไปอย่างราบรื่นที่สุด ด้วยรากฐานของความพยายามในการพัฒนาในขั้นต้น ทีม OpenSooq จะยังคงมอบประสบการณ์ที่ดีที่สุดแก่ผู้ใช้ต่อไป
ทั้งทีมผู้บริหารและทีมเทคนิคเห็นถึงความสำคัญของการพัฒนา PWA อย่างชัดเจน หลังจากสร้างเว็บแอปที่ทันสมัยและมีประสิทธิภาพ เราตื่นเต้นที่จะได้เห็นผลลัพธ์ทางธุรกิจที่มีต่อการลงทุนเป็นเวลา 2.5 เดือนของเรา
Ramzi Alqrainy ประธานเจ้าหน้าที่ฝ่ายเทคโนโลยีของ OpenSooq