Housing.com เพิ่ม Conversion และลดอัตราตีกลับลง 40% ด้วย PWA ใหม่

อัตราการแสดงรายการผลการค้นหา

ผลลัพธ์

  • Conversion เพิ่มขึ้น 38%
  • อัตราตีกลับลดลง 40%
  • เซสชันเฉลี่ยนานขึ้น 10%
  • โหลดหน้าเว็บได้เร็วขึ้น 30%

ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF

บริษัท

Housing.com เป็นหนึ่งในบริษัทสตาร์ทอัพชั้นนำของอินเดีย ได้รับจำนวนการเข้าชม 50 ล้านครั้งในปีนี้ และได้กลายเป็นหนึ่งในแพลตฟอร์มอสังหาริมทรัพย์ออนไลน์ชั้นนำในอินเดีย หลังจากสร้าง Housing Go ซึ่งเป็น Progressive Web App (PWA) บริษัทได้รับ Conversion รวมเพิ่มขึ้น 38% ในเบราว์เซอร์ต่างๆ PWA ใหม่ยังได้ผู้ใช้ที่มีคุณค่าสูงขึ้นด้วย โดยผู้เข้าชมใช้เวลาต่อเซสชันนานขึ้น 10% และกลับมาบ่อยขึ้น

ชาเลนจ์

Housing.com รู้ดีว่าผู้ใช้อุปกรณ์เคลื่อนที่ของตนจะไม่ยอมให้โหลดภาพช้าๆ ซึ่งส่งผลต่อ Conversion เป็นอย่างมาก โดยวัดผลกระทบจากเวลาในการโหลดหน้าเว็บเฉลี่ยของผู้ใช้ และพบว่าการปรับปรุงแม้เพียง 1 วินาทีช่วยเพิ่มอัตรา Conversion ได้อย่างมาก

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

โซลูชัน

Housing.com อาศัยความก้าวหน้าทางเทคโนโลยีและความสามารถในการปรับปรุงความสามารถของเว็บเบราว์เซอร์และเว็บแอปพลิเคชันสมัยใหม่ เช่น Service Workers, IndexedDB, Add to Home Screen และข้อความ Push เพื่อสร้าง PWA ที่รวดเร็ว มีประสิทธิภาพ และน่าเชื่อถือ ผลลัพธ์ที่ได้คือประสบการณ์การใช้งานเว็บบนอุปกรณ์เคลื่อนที่ที่รวดเร็ว ใช้อินเทอร์เน็ตน้อยลง และดึงดูดผู้ใช้ให้กลับมามีส่วนร่วมอีกครั้งได้หลายวิธี ด้วย PWA ใหม่นี้ Housing.com พบว่าอัตรา Conversion สูงขึ้น 38% และอัตราตีกลับลดลงกว่า 40%

ผู้ใช้ชาวอินเดียส่วนใหญ่เข้าถึงอินเทอร์เน็ตผ่านเครือข่าย 2G และ 3G ดังนั้น ประสบการณ์ของผู้ใช้ที่รวดเร็วจึงสำคัญมาก เพื่อลดเวลาที่ใช้ในการโหลด Housing.com ได้เพิ่ม Service Worker และปรับปรุงเว็บไซต์ของตนเพื่อช่วยให้ผู้บริโภคพบสิ่งที่ต้องการอย่างรวดเร็ว ผู้ใช้ยังสามารถเรียกดูพร็อพเพอร์ตี้และดู การค้นหาก่อนหน้านี้ในขณะที่ออฟไลน์ได้ "ฐานผู้ใช้เป้าหมายของเราไม่ได้พบสมาร์ทโฟนระดับไฮเอนด์มากนัก" Vivek Jain CPTO ของ Housing.com กล่าว “PWA ใหม่ช่วยให้เราปล่อยใจให้ผู้ใช้ไม่ลังเลที่จะดาวน์โหลดแอปในอุปกรณ์ระดับโลว์เอนด์ แต่ได้มอบประสบการณ์การใช้งานที่ยอดเยี่ยมแก่ผู้ใช้”

กลยุทธ์ใหม่นี้พิสูจน์ให้เห็นแล้วว่ามีประสิทธิภาพ ประสิทธิภาพการโหลดหน้าเว็บเพิ่มขึ้นกว่า 30% และเวลาต่อเซสชันโดยเฉลี่ยเพิ่มขึ้น 10% ในเบราว์เซอร์ทั้งหมด "การทำความเข้าใจข้อจำกัดเครือข่ายของผู้ใช้และความสำคัญของประสบการณ์ของผู้ใช้ที่ยอดเยี่ยม ช่วยให้เราสร้าง PWA" Jain กล่าว "ประสบการณ์ของผู้ใช้คือสิ่งที่กำหนดแอปพลิเคชันที่ล้ำสมัย"

Codelab

Progressive Web App แรก ดูวิธีใช้โมเดล App Shell, Service Worker และอื่นๆ เพื่อสร้าง Progressive Web App

หลักสูตร Udacity

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