วิธีที่ JD.ID เพิ่มอัตรา Conversion อุปกรณ์เคลื่อนที่โดยรวม (mCVR) ได้ 53%, mCVR สำหรับผู้ใช้ที่ติดตั้งเพิ่มขึ้น 200% และมีผู้ใช้ที่ใช้งานอยู่รายวันเพิ่มขึ้น 26%
JD.ID เป็นแพลตฟอร์มอีคอมเมิร์ซในอินโดนีเซียที่ให้บริการจัดส่งสำหรับผลิตภัณฑ์หลากหลายประเภท เช่น อุปกรณ์อิเล็กทรอนิกส์ เครื่องใช้ในบ้าน เสื้อผ้า เครื่องประดับแฟชั่น และผลิตภัณฑ์กีฬา ปัจจุบัน JD.ID ดำเนินงานในเมืองต่างๆ กว่า 350 เมืองของอินโดนีเซีย หากต้องการขยายตัวตนบนโลกออนไลน์ให้มากยิ่งขึ้น โดยการมุ่งเน้นเรื่องประสิทธิภาพและประสบการณ์การใช้งาน Progressive Web App (PWA) ที่ไม่เกี่ยวข้องกับเครือข่าย ประสบการณ์การใช้งานที่ดีขึ้นนี้ JD.ID สามารถเพิ่มอัตรา Conversion อุปกรณ์เคลื่อนที่ (mCVR) โดยรวมได้ 53%, mCVR สำหรับผู้ใช้ที่ติดตั้งได้ถึง 200% และมีผู้ใช้ที่ใช้งานอยู่รายวันเพิ่มขึ้น 26% ทำให้บริษัทกลายเป็นบริษัทอีคอมเมิร์ซที่ได้รับความนิยมและเชื่อถือได้มากที่สุดในประเทศ
ไฮไลต์โอกาส
ในการเอาชนะเครือข่ายมือถือที่ไม่เสถียรในอินโดนีเซียเนื่องจากมีผู้ให้บริการจำนวนมาก JD.ID จึงมองหาโซลูชันที่จะรักษาประสบการณ์ของผู้ใช้บนเว็บไซต์ไว้ได้อย่างมีประสิทธิภาพตลอดเวลา รวมถึงแก้ปัญหาการแคชเฉพาะพื้นที่ บริษัทมองเห็นความเป็นไปได้ในการได้ผู้ใช้ใหม่อย่างมากจากผู้ใช้ที่เข้าชมเว็บไซต์แต่ไม่ได้ดาวน์โหลดแอป iOS/Android ในการคว้าโอกาสนี้ บริษัทจึงใช้แนวทางปฏิบัติแนะนำของ PWA ในการสร้าง UX แบบแอปบนเว็บไซต์เพื่อเพิ่มการมีส่วนร่วม โดยเน้นที่ความยืดหยุ่นของเครือข่ายเพื่อความเสถียร
วิธีการ
กลยุทธ์การแคช
ทีม JD.ID ใช้พื้นที่ทำงานเพื่อให้มั่นใจว่า PWA จะทำงานได้อย่างมีประสิทธิภาพแม้ในขณะที่ผู้ใช้ออฟไลน์หรือใช้เครือข่ายที่ไม่ดีเพื่อลดปัญหาเกี่ยวกับเครือข่ายและปรับปรุงประสบการณ์ของผู้ใช้ Workbox ทำให้การดำเนินกลยุทธ์การแคช PWA ง่ายขึ้น ซึ่งประกอบด้วย 3 ส่วน ดังนี้
- เครือข่ายมาก่อน กลับไปใช้แคชได้: กลยุทธ์นี้มีจุดประสงค์เพื่อรับการตอบสนองจากเครือข่ายก่อน เมื่อได้รับการตอบกลับแล้ว ระบบจะส่งการตอบกลับไปยังเบราว์เซอร์และบันทึกลงในแคช หากคำขอเครือข่ายไม่สำเร็จ ระบบจะใช้การตอบสนองที่แคชไว้ล่าสุด JD.ID ใช้กลยุทธ์นี้กับหน้าแรกเพื่อช่วยให้ผู้ใช้เข้าถึงหน้าแรกได้แม้ในขณะออฟไลน์
- แคชก่อน แล้วกลับไปใช้เครือข่าย: กลยุทธ์นี้จะตรวจสอบแคชสำหรับการตอบสนองก่อนและใช้ (หากมี) หากไม่ เว็บไซต์ JD.ID จะไปยังเครือข่าย จากนั้นแคชการตอบกลับ แล้วส่งไปยังเบราว์เซอร์ เมื่อติดตั้งโปรแกรมทำงานของบริการแล้ว ระบบจะแคชทรัพยากรแบบคงที่ของหน้าแรก หน้าสำรองแบบออฟไลน์ (ตามที่อธิบายไว้ด้านล่าง) หน้าหมวดหมู่ หน้าผลิตภัณฑ์ รถเข็นช็อปปิ้ง และหน้าการชำระเงินลงในแคชของผู้ใช้ล่วงหน้า เมื่อผู้ใช้เปลี่ยนเส้นทางไปยังหน้าเหล่านี้ กลยุทธ์การแคชนี้จะช่วยให้มั่นใจว่าเบราว์เซอร์จะได้รับไฟล์ทรัพยากรแบบคงที่จากแคชโดยตรง ซึ่งจะช่วยเพิ่มความเร็วในการโหลดของหน้าเว็บที่สำคัญเหล่านี้
- เครือข่ายเท่านั้น: กลยุทธ์นี้จะบังคับให้การตอบกลับมาจากเครือข่ายเท่านั้น JD.ID ใช้กลยุทธ์นี้กับรถเข็นช็อปปิ้งและหน้าชำระเงินเพราะหน้าเว็บเหล่านั้นต้องใช้ข้อมูลที่แม่นยำสูงมาก
นอกจากนี้ Workbox ยังเปิดใช้ JD.ID เพื่อกำหนดค่ากฎการกำหนดเส้นทาง ระยะเวลาเริ่มต้นของคำขอ จำนวนการตอบกลับที่เก็บไว้ในแคช และระยะเวลาที่ใช้แคชการตอบกลับได้
หน้าสำรองแบบออฟไลน์
ทีม JD.ID สร้างหน้าสำรองแบบออฟไลน์เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่สอดคล้องกันและเพิ่มประสิทธิภาพการสร้างแบรนด์ให้กับเว็บไซต์ นอกจากนี้ยังได้เพิ่มไฟล์ Manifest ของเว็บแอปที่ช่วยให้ผู้ใช้ติดตั้งเว็บแอปในอุปกรณ์เคลื่อนที่ของตนได้อย่างง่ายดาย
ข้อความ Push
นอกจากนี้ JD.ID ยังได้ใช้ข้อความ Push กับ Firebase Cloud Messaging สำหรับเว็บสำหรับการกลับมามีส่วนร่วมอีกครั้ง โดยนำไปใช้กับช่วงกิจกรรมโปรโมชันลดราคาผลิตภัณฑ์โดยเฉพาะ
ผลลัพธ์ทางธุรกิจโดยรวม
- อัตรา Conversion อุปกรณ์เคลื่อนที่โดยรวม (mCVR) เพิ่มขึ้น 53%
- mCVR สำหรับผู้ใช้ที่ติดตั้ง JD.ID PWA เพิ่มขึ้น 200%
- ผู้ใช้ที่ใช้งานอยู่รายวันจากแพลตฟอร์มอุปกรณ์เคลื่อนที่เพิ่มขึ้น 26% เนื่องจากการมีส่วนร่วมอีกครั้งจากข้อความ Push เพิ่มขึ้น
![สถิติผลกระทบ](https://web.developers.google.cn/static/case-studies/jdid/image/the-impact-statistics-73ae216ba5efe.png?authuser=6&hl=th)
ธุรกิจของเราเติบโตขึ้นอย่างรวดเร็วและมุ่งเน้นการปรับปรุงประสบการณ์ของผู้ใช้ในเชิงลึก เรามุ่งมั่นที่จะก้าวขึ้นเป็นบริษัทอีคอมเมิร์ซที่ได้รับความนิยมและน่าเชื่อถือที่สุด ด้วยความพยายามอย่างต่อเนื่องที่จะให้บริการและผลิตภัณฑ์ที่หลากหลายแก่ผู้ใช้และลูกค้าทั้งหมดในอินโดนีเซีย ประสิทธิภาพเว็บและ PWA เป็นส่วนสำคัญของ UX และกลยุทธ์โดยรวม และเราจะลงทุนในด้านต่างๆ เหล่านี้ต่อไป
Fengxian Liu ผู้จัดการฝ่ายวิศวกรรมเว็บของ JD.ID
ดูเรื่องราวความสำเร็จเพิ่มเติมจากอินเดียและเอเชียตะวันออกเฉียงใต้ที่หน้ากรณีศึกษาสำหรับเว็บ