Vodafone: LCP ที่เพิ่มขึ้น 31% เพิ่มยอดขายขึ้น 8%

เมื่อทำการทดสอบ A/B ที่มุ่งเน้นการเพิ่มประสิทธิภาพ Web Vitals โดยเฉพาะ Vodafone พบว่า LCP ที่เพิ่มขึ้น 31% ทำให้มียอดขายเพิ่มขึ้น 8% อัตราโอกาสในการขายเพิ่มขึ้น 15% และอัตราการเข้าชมรถเข็นเพิ่มขึ้น 11%

Vodafone เป็นบริษัทโทรคมนาคมชั้นนำในยุโรปและแอฟริกา ให้บริการเครือข่ายโทรศัพท์พื้นฐานและเครือข่ายมือถือใน 21 ประเทศ และเป็นพาร์ทเนอร์กับเครือข่ายมือถืออีก 48 แห่ง เมื่อทำการทดสอบ A/B ในหน้า Landing Page (ซึ่งเวอร์ชัน A ได้รับการเพิ่มประสิทธิภาพสำหรับ Web Vitals และมีคะแนน LCP ในช่องสูงกว่าเวอร์ชัน B ถึง 31%) Vodafone พบว่าการเพิ่มประสิทธิภาพสำหรับ Web Vitals ช่วยเพิ่มยอดขายได้ 8%

31_%

LCP ที่เพิ่มขึ้น 31% นำไปสู่...

₊8_%

ยอดขายโดยรวมที่เพิ่มขึ้น

₊15_%

การเพิ่มขึ้นของอัตราโอกาสในการขายต่อการเข้าชม

₊11_%

อัตราการเพิ่มขึ้นของรถเข็นช็อปปิ้งต่อการเข้าชม

ไฮไลต์โอกาส

Vodafone ทราบดีว่าเว็บไซต์ที่เร็วโดยทั่วไปจะสัมพันธ์กับเมตริกธุรกิจที่ได้รับการปรับปรุงและสนใจที่จะเพิ่มคะแนน Web Vitals เป็นกลยุทธ์ที่อาจใช้ในการเพิ่มยอดขาย แต่ก็จำเป็นต้องระบุให้แน่ชัดว่าตนเองจะได้รับ ROI แบบใด

ภาพหน้าจอ 2 ภาพของเว็บไซต์ Vodafone — ตัวอย่างภาพหน้าจอของเว็บไซต์ของ Vodafone โปรดทราบว่าเวอร์ชันเหล่านี้**ไม่ใช่**เวอร์ชัน A และเวอร์ชัน B จากการทดสอบ A/B ทั้งสองเวอร์ชันมีหน้าตาและทำงานเหมือนกัน

แนวทางที่พวกเขาใช้

การทดสอบอัลฟา/เบต้า

การเข้าชมสําหรับการทดสอบ A/B มาจากช่องทางสื่อแบบชําระเงินอื่นๆ ซึ่งรวมถึง Display, iOS/Android, Search และโซเชียล ระบบส่งการเข้าชม 50% ไปยังหน้า Landing Page ที่เพิ่มประสิทธิภาพ (เวอร์ชัน A) และ 50% ไปยังหน้าพื้นฐาน (เวอร์ชัน B) ทั้งเวอร์ชัน A และเวอร์ชัน B มีการคลิก ประมาณ 100,000 ครั้ง และการเข้าชม 3.4 หมื่นครั้งต่อวัน อย่างที่บอกไปก่อนหน้านี้ ความแตกต่างเพียงอย่างเดียวระหว่างเวอร์ชัน A กับเวอร์ชัน B ก็คือเวอร์ชัน A ได้รับการเพิ่มประสิทธิภาพสำหรับ Web Vitals ไม่มีความแตกต่างด้านการทำงานหรือภาพ ระหว่างทั้ง 2 เวอร์ชันอื่นนอกจากนั้น Vodafone ใช้ PerformanceObserver API เพื่อวัด LCP ในเซสชันผู้ใช้จริงและส่งข้อมูลในช่องไปยังผู้ให้บริการวิเคราะห์

แผนภาพการตั้งค่าการทดสอบ A/B

การเพิ่มประสิทธิภาพ

Vodafone ได้ทำการเปลี่ยนแปลงต่อไปนี้ในหน้าที่ได้รับการเพิ่มประสิทธิภาพ (เวอร์ชัน A)

ย้ายตรรกะการแสดงผลสำหรับวิดเจ็ตจากฝั่งไคลเอ็นต์ไปฝั่งเซิร์ฟเวอร์ ซึ่งทำให้ JavaScript บล็อกการแสดงผลน้อยลง
HTML วิกฤตที่แสดงผลฝั่งเซิร์ฟเวอร์
รูปภาพที่ได้รับการเพิ่มประสิทธิภาพ ได้แก่ การปรับขนาดรูปภาพหลัก การเพิ่มประสิทธิภาพรูปภาพ SVG การใช้คำค้นหาสื่อเพื่อหลีกเลี่ยงการโหลดรูปภาพที่ยังไม่ได้แสดงในวิวพอร์ต และการเพิ่มประสิทธิภาพรูปภาพ PNG

ผลลัพธ์ทางธุรกิจโดยรวม

หลังจากเพิ่มประสิทธิภาพเวอร์ชัน A สำหรับ Web Vitals และเปรียบเทียบกับเวอร์ชัน B ที่ไม่ได้เพิ่มประสิทธิภาพแล้ว Vodafone พบว่าเวอร์ชัน A ช่วยให้เกิดสิ่งต่อไปนี้

ยอดขายเพิ่มขึ้น 8%
อัตราโอกาสในการขายของการเข้าชมเพิ่มขึ้น 15% (จํานวนผู้ใช้ที่กลายเป็นโอกาสในการขายเทียบกับจํานวนผู้เข้าชมทั้งหมด)
อัตราการเข้าชมรถเข็นเพิ่มขึ้น 11% (จำนวนผู้ใช้ที่เข้าชมรถเข็นเทียบกับจำนวนผู้เข้าชมทั้งหมด)

ตารางต่อไปนี้แสดงค่าของ DOMContentLoaded ("DCL") และ LCP ที่ Voodafone สังเกตการณ์ในเวอร์ชัน A ("หน้าที่เพิ่มประสิทธิภาพ") และเวอร์ชัน B ("หน้าเริ่มต้น") โปรดทราบว่า DCL เพิ่มขึ้น 15% ค่าสัมบูรณ์ที่เกี่ยวข้องกับเมตริกธุรกิจได้รับการปกปิด

หน้าที่เพิ่มประสิทธิภาพมี DCL อยู่ที่ 4.05 และ LCP อยู่ที่ 5.7 วินาที หน้าเริ่มต้นมี DCL เป็น 3.52 วินาที และ LCP เท่ากับ 8.3 วินาที

ที่ Vodafone เราทดสอบโซลูชันใหม่ๆ วัดผลลัพธ์ เก็บสิ่งที่ได้ผลและตั้งคำถามว่าไม่ได้ผล เรียนรู้จากข้อผิดพลาด เราเรียกสิ่งนี้ว่า "การทดลอง เรียนรู้เร็ว" การร่วมมือกับ Google และการแนะนำ LCP เป็น KPI หลักสำหรับประสิทธิภาพของหน้าเว็บทำให้ประสบการณ์ด้านอีคอมเมิร์ซของลูกค้าดีขึ้นได้อย่างมาก
Davide Grossi หัวหน้าฝ่ายการตลาดดิจิทัลของธุรกิจ

ดูเรื่องราวความสำเร็จเพิ่มเติมได้ในหน้ากรณีศึกษาการปรับขนาดบนเว็บ