เผยแพร่: 17 มีนาคม 2021
เมื่อทำการทดสอบ 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 ประเภทใด

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

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