นอกจากนี้ PWA ใหม่ยังใช้เวลาโหลดเร็วกว่าเว็บไซต์เก่าโดยเฉลี่ย 30% และมีอัตราตีกลับเพิ่มขึ้น 12% และความลึกของเซสชัน 18%
Orange Polska S.A. (ส่วนหนึ่งของ Orange Group นานาชาติ) เป็นผู้ให้บริการชั้นนำในบริการโทรคมนาคมในโปแลนด์ ซึ่งรวมถึงบริการโทรคมนาคมแบบเคลื่อนที่และตายตัว เช่น เสียง ข้อมูล การเข้าถึงอินเทอร์เน็ต และโทรทัศน์ นอกจากนี้ เรายังให้บริการด้านไอทีและการผสานรวม สายเช่า ตลอดจนบริการและอุปกรณ์ที่เพิ่มมูลค่าโทรคมนาคมอื่นๆ
ชาเลนจ์
เราทุกคนทราบดีว่าความรู้สึกวิตกกังวลที่จะกลายเป็นความระคายเคืองเมื่อเว็บไซต์โหลดไม่หยุด สำหรับบริษัทดิจิทัลที่แทบไม่ปรากฏตัวในร่างกายเลย ผลกระทบจากเรื่องนี้นั้นเห็นได้ชัดเจน โดยเฉพาะเมื่อพูดถึงแอปบนอุปกรณ์เคลื่อนที่ ซึ่งการวิจัยภายในของเราแสดงให้เห็นอย่างชัดเจนว่าเหตุผลที่สำคัญที่สุดเพียงข้อเดียวของการยกเลิกการติดตั้งแอปคือความเร็ว อย่างไรก็ตาม หากคุณดำเนินธุรกิจในภาคธุรกิจที่เป็นที่รู้จักอย่างเราโดยมีกลยุทธ์ที่มีหน้าร้านจริงอย่างแข็งแกร่งสำหรับช่องทางการจัดจำหน่าย ผลกระทบของความเร็วทางดิจิทัลจะไม่ชัดเจนนัก เนื่องจากดิจิทัลไม่ใช่เพียงแหล่งที่มาของการขายของเรา วิธีนี้ทำให้การโน้มน้าวผู้บริหารให้ลงทุนกับความเร็วเป็นไปได้ยากยิ่งขึ้น
ในการเสนอขายต่อผู้บริหาร เราเพิ่มความเข้มงวดมากขึ้นโดยหันมาใช้ข้อมูลประสิทธิภาพที่ผ่านมาใน Google Analytics เพื่อแสดงความสัมพันธ์ระหว่างเวลาที่ใช้ในการโหลดและอัตรา Conversion อย่างชัดเจน ข้อเท็จจริงที่แน่ชัดและข้อเท็จจริงที่พิสูจน์ได้นี้ทำให้เราสามารถแสดงให้เห็นว่า ทุกวินาทีที่เพิ่มขึ้นในการโหลดหน้าเว็บส่งผลให้รายได้และยอดขายลดลงถึง 15-20%
แนวทาง
เราจึงตัดสินใจสร้าง Progressive Web App (PWA) เรามุ่งเน้นที่การเข้าชมบนอุปกรณ์เคลื่อนที่เป็นพิเศษ เนื่องจากลูกค้ากว่า 75% ใช้เว็บไซต์ของเราผ่านอุปกรณ์เคลื่อนที่ ทีมมุ่งเน้นการปรับปรุงตัวชี้วัดประสิทธิภาพหลักอย่างเท่าเทียมกัน รวมถึงมอบประสบการณ์ที่น่าดึงดูดและน่าสนใจยิ่งขึ้น
เราได้เปิดตัวทีม Scrum แบบข้ามสายงานใหม่ (ประกอบด้วยผู้เชี่ยวชาญด้านไอที ธุรกิจ และ UX) ซึ่งมีเป้าหมายในการพิสูจน์แนวคิดเพื่อตอบคำถามต่อไปนี้
- เราสามารถลดเวลาที่ใช้ในการโหลดได้อย่างมีประสิทธิภาพโดยเคารพข้อจำกัดเดิมที่สำคัญของเราได้ไหม
- ผลกระทบที่แท้จริงที่มีต่อ Conversion และรายได้คืออะไร
เราเลือก Next.js เนื่องจากมีการเพิ่มประสิทธิภาพหลายอย่างที่เปิดใช้โดยค่าเริ่มต้นหรือตั้งค่าได้ง่าย เช่น การแสดงผลฝั่งเซิร์ฟเวอร์อัตโนมัติ (ซึ่งสำคัญมากสำหรับ SEO ของเรา) การดึงข้อมูลล่วงหน้า และการแยกโค้ด สิ่งสำคัญอีกอย่างสำหรับเราคือ Next.js ช่วยให้เราย้ายข้อมูลหน้าเว็บทีละหน้าโดยไม่ทำให้เกิดปัญหาใดๆ ในแอปพลิเคชันเดิมได้ อย่างไรก็ตาม เราต้องจัดการกับการเปลี่ยนรูปแบบในสภาพแวดล้อมที่ซับซ้อนซึ่งยังคงต้องอาศัยระบบเดิม ส่งผลให้ไม่สามารถให้บริการได้ ในการลดปัญหานี้ เราได้ผสานรวมพื้นที่ทำงานเพื่อให้เว็บไซต์พร้อมใช้งานเสมอแม้ว่าแบ็กเอนด์จะล่มสลายก็ตาม Workbox ยังช่วยเพิ่มประสิทธิภาพให้เราได้อย่างมากเพราะโซลูชันในตัวสำหรับการแคชล่วงหน้า การกำหนดเส้นทางคำขอ และการแคชรันไทม์
ผลลัพธ์
PWA ใหม่ของเราใช้เวลาโหลดเร็วกว่าเว็บไซต์เก่าโดยเฉลี่ย 30%, Conversion บนอุปกรณ์เคลื่อนที่เพิ่มขึ้น 52%, อัตราตีกลับเพิ่มขึ้น 12% และความลึกของเซสชันเพิ่มขึ้น 18% ประสบการณ์นี้ยืนยันทิศทางกลยุทธ์ในการเปลี่ยนรูปแบบโซลูชันทั้งหมดที่ลูกค้าต้องใช้งาน (รวมถึงการดูแลตนเองและฟรอนท์เอนด์ของพนักงานขาย) ไปใช้เทคโนโลยี PWA