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