กรณีศึกษาที่วัดผลลัพธ์และประโยชน์ทั้งหมดของคะแนนประสิทธิภาพสูงใน Core Web Vitals
RebelMouse เป็น CMS บนระบบคลาวด์ที่มีเครื่องมือที่ขับเคลื่อนโดยข้อมูลและกลยุทธ์ครีเอทีฟโฆษณาที่ผู้เผยแพร่โฆษณาจําเป็นต้องใช้เพื่อมอบประสบการณ์การใช้งานที่ดีที่สุดแก่กลุ่มเป้าหมายทั้งใหม่และเก่า เราให้บริการเว็บพร็อพเพอร์ตี้ที่มีการเข้าชมสูงให้กับบริษัทสื่ออย่าง Upworthy, Narcity, Raw Story, Brit + Co และ The Independent รวมถึงเว็บไซต์ที่มีมูลค่าสูงอย่าง Penske Trucks, Vault12, Gaingels และอื่นๆ อีกมากมาย
แพลตฟอร์มของเราเข้าถึงผู้คนกว่า 100 ล้านคนต่อเดือนในสหรัฐอเมริกาเพียงประเทศเดียว บริษัทก่อตั้งขึ้นโดยมีความเชื่อที่ว่าเว็บแบบเปิดต้องมีประสิทธิภาพตรงกับความต้องการของผู้บริโภคในระดับสูงสุดจึงจะเติบโตได้ และมาตรฐานที่ Core Web Vitals ของ Google กำหนดไว้สอดคล้องกับวิสัยทัศน์ที่เน้นผู้ใช้เป็นหลักนี้
ทีมของเราทั่วโลกได้พัฒนา CMS ที่สร้างประสบการณ์การใช้งานที่ใช้งานง่ายและน่าพึงพอใจให้กับผู้ใช้ ซึ่งส่งผลดีต่อธุรกิจ Core Web Vitals เป็นการเปรียบเทียบที่ช่วยให้มั่นใจได้ว่าวงจรที่อาศัยซึ่งกันและกันนี้จะยังคงดำเนินต่อไปในเว็บไซต์ใหม่ทุกแห่งที่เราสร้างขึ้น
เหตุใดการให้ความสําคัญกับประสิทธิภาพจึงทําให้ธุรกิจดีขึ้น
ผู้เผยแพร่โฆษณาจํานวนมากสงสัยว่าคะแนนที่ยอดเยี่ยมใน Core Web Vitals คุ้มค่ากับการลงทุนหรือไม่ นอกจากนี้ ยังกังวลว่าแม้ประสบการณ์ของผู้ใช้จะมีคุณภาพดี แต่ก็ไม่ได้เพิ่มจํานวนผู้อ่านที่ต้องการ โชคดีที่การให้ความสําคัญกับประสิทธิภาพที่ RebelMouse ทำให้เราได้รับข้อมูลเพื่อพิสูจน์ว่า Core Web Vitals เป็นวิธีที่ยอดเยี่ยมในการสร้างการเข้าชมใหม่และสร้างความภักดีของผู้ใช้ที่จําเป็นต่อความสําเร็จของธุรกิจ
เพื่อเป็นการแสดงให้เห็นเรื่องนี้ เราวิเคราะห์พฤติกรรมของผู้ชมในเว็บไซต์หลายแห่งที่เราดูแล ทั้งก่อนและหลังเพิ่มประสิทธิภาพเพื่อให้ได้คะแนนประสิทธิภาพสูงใน Core Web Vitals โดยเฉพาะอย่างยิ่ง เรากําหนดประเภทผู้ใช้เพื่อแยกกลุ่มเป้าหมายออกเป็นหมวดหมู่หลักต่อไปนี้
- ผู้เข้าชมใหม่: ผู้ใช้ที่เข้าชมเว็บไซต์เป็นครั้งแรก
- ผู้เข้าชมที่กลับมา: ผู้ใช้ที่มีเซสชันอย่างน้อย 2 รายการ
- ผู้เข้าชมเป็นประจำ: ผู้ใช้ที่มีเซสชันอย่างน้อย 3 รายการขึ้นไป
- แฟนๆ: ผู้ใช้ที่มีเซสชันอย่างน้อย 4 รายการขึ้นไป
- ผู้ชมสุดยอด: ผู้ใช้ที่มีเซสชันอย่างน้อย 5 รายการขึ้นไป
แหล่งข้อมูล: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
ข้อมูลจากภาคสนามที่ Google Analytics รวบรวมมานั้นชัดเจนมาก เมื่อมุ่งเน้นที่หมวดหมู่ผู้เข้าชมที่เหนียวแน่น แฟนๆ และแฟนตัวยง เราพบว่าผู้ใช้มีแนวโน้มที่จะอยู่ในเว็บไซต์นานขึ้น ดูเนื้อหามากขึ้น และกลับมาบ่อยครั้งในเว็บไซต์ที่ได้รับคะแนนยอดเยี่ยมใน Core Web Vitals ตัวอย่างที่เห็นได้ชัดมีดังนี้
แต่การบริโภคเนื้อหาและเวลาที่ใช้ต่อผู้ใช้ไม่ใช่เมตริกเดียวที่เพิ่มขึ้น จํานวนผู้ใช้ที่เข้าชมและหน้าเว็บที่เข้าถึงก็เพิ่มขึ้นเช่นกันในหมวดหมู่เดียวกัน
จากปกติสู่ประสิทธิภาพสูง: วิธีที่ RebelMouse เปลี่ยนโฉมเว็บไซต์
ข่าวดีคือคุณสามารถทําให้ Core Web Vitals มีประสิทธิภาพดีได้ด้วยการทําการเปลี่ยนแปลงฐานโค้ดของเว็บไซต์อย่างมีกลยุทธ์ ต่อไปนี้คือวิธีบางส่วนที่ RebelMouse ขับเคลื่อนเว็บไซต์ที่มีประสิทธิภาพสูง
Progressive Web App
RebelMouse จะเพิ่มประสิทธิภาพการเรียกบุคคลที่สามทั้งหมดในเว็บแอปแบบ Progressive ที่แสดงเนื้อหาที่สําคัญที่สุดก่อน จากนั้นจึงจัดลําดับการเรียกที่เหลือตามที่ผู้อ่านต้องการเห็น
เรามีเมธอดที่โหลด JavaScript ทันทีหลังจากเหตุการณ์ Largest Contentful Paint (LCP) เสร็จสมบูรณ์ เราให้ตัวเลือกแก่ผู้ใช้ในการโหลด JavaScript ผ่านระดับความสำคัญ 3 ระดับ ดังนี้
- เพิ่มประสิทธิภาพเหมาะสําหรับผู้ใช้ที่ต้องการแนวทางใหม่ล่าสุด เราใช้ข้อมูลนี้ในงานพัฒนาของเราเอง ระดับความสำคัญนี้จะหยุด JavaScript ไม่ให้ทํางานชั่วคราวจนกว่าหน้าเว็บจะโหลดเสร็จสมบูรณ์ ซึ่งจะช่วยให้คุณได้รับประสิทธิภาพสูงสุด
- การบล็อกการโหลดใช้เพื่อเรียกใช้ JavaScript ทันที และโดยทั่วไปจะส่งผลเสียต่อคะแนนประสิทธิภาพ ระดับความสำคัญนี้จะเรียกใช้ JavaScript ทันทีหลังจากหน้าเว็บโหลดเสร็จ ซึ่งอาจทำให้คะแนนประสิทธิภาพลดลง 10-40 จุด ทั้งนี้ขึ้นอยู่กับการเรียกใช้เพิ่มเติม
- Post LCP เป็นตัวเลือกที่ดีที่สุดในการผสมผสานคะแนนประสิทธิภาพที่ยอดเยี่ยมกับการโหลดที่รวดเร็วมาก ระดับความสำคัญนี้จะทําให้ JavaScript โหลดทันทีหลังจากเหตุการณ์ Largest Contentful Paint เสร็จสมบูรณ์ (เราขอแนะนําให้ใช้เฉพาะกับโฆษณาเท่านั้นในกรณีที่คุณมีรายได้เพิ่มขึ้นจากการแสดงโฆษณาต่อผู้ใช้ที่อยู่ในหน้าเว็บเพียง 5 วินาทีหรือน้อยกว่านั้น)
เพิ่มประสิทธิภาพการฝังโซเชียล
คุณต้องตั้งค่าการฝังโซเชียลทั้งหมดเป็น "การโหลดแบบเลื่อนเวลา" เพื่อปกป้องคะแนน Cumulative Layout Shift (CLS) และ LCP
สำหรับการคง CLS ไว้ คุณต้องค้นหาขนาดของชิ้นงานแบบไดนามิกด้วยเทคโนโลยีฝั่งเซิร์ฟเวอร์ และแทรกลงในพื้นที่เก็บข้อมูลของคุณเองสำหรับพร็อพเพอร์ตี้ของชิ้นงานนั้น จากนั้นต้องส่งการฝังไปยังส่วนหน้าเว็บเพื่อป้องกันไม่ให้เลย์เอาต์เปลี่ยนตำแหน่งเมื่อโหลด สําหรับผู้ที่สนใจเจาะลึกหัวข้อนี้มากขึ้น เรามีโพสต์ตัวอย่างใน Twitter และ TikTok โดยเฉพาะพร้อมรายละเอียดเพิ่มเติม
HTML และ CSS ที่เบาและชาญฉลาด
HTML และ CSS ของเว็บไซต์ต้องสร้างขึ้นในลักษณะที่ช่วยให้แสดงรูปภาพและข้อความด้านบนส่วนที่เป็นหน้าแรกก่อนโหลดหน้าเว็บส่วนที่เหลือ
- โครงสร้าง HTML ที่ไม่ถูกต้องจะบังคับให้เบราว์เซอร์ประมวลผลองค์ประกอบเว็บไซต์ที่ไม่จำเป็นจำนวนมากที่อยู่ครึ่งหน้าล่างเพื่อแสดงผลองค์ประกอบที่อยู่ครึ่งหน้าบนในวิวพอร์ตแรก
- เรามีบทความเชิงลึกเพิ่มเติมเกี่ยวกับวิธีที่เราทําสิ่งนี้ใน RebelMouse ที่นี่
- รายละเอียดเกี่ยวกับวิธีปรับปรุง Core Web Vitals
- คำแนะนำฉบับเต็มเกี่ยวกับการใช้หน้าเว็บที่รวดเร็วโดยรวมสคริปต์ของบุคคลที่สามด้วย
- คู่มือโดยละเอียดเกี่ยวกับการเพิ่มประสิทธิภาพสำหรับ LCP
เผยแพร่โดยคำนึงถึงประสิทธิภาพเป็นอันดับแรก
นับตั้งแต่การเปิดตัว Core Web Vitals นักพัฒนาแอปได้รับรู้ถึงผลกระทบที่แพลตฟอร์มการเผยแพร่ของตนมีต่อเกณฑ์ที่ Google แนะนำ
HTTP Archive ซึ่งเป็นโปรเจ็กต์โอเพนซอร์สที่ระบุแนวโน้มและบันทึกรูปแบบที่ผ่านมาของ URL นับล้านรายการ ได้เปิดเผยประสิทธิภาพของระบบจัดการเนื้อหาชั้นนำเทียบกับมาตรฐานประสบการณ์การใช้งานหน้าเว็บของ Google ในรายงานเทคโนโลยี Core Web Vitals RebelMouse มีประสิทธิภาพดีกว่าอย่างต่อเนื่องแพลตฟอร์ม CMS หลักๆ ในเรื่องเมตริกที่สำคัญที่สุดของ Google นับตั้งแต่เปิดตัวจนถึงปี 2022
ประสิทธิภาพที่ยอดเยี่ยม
การสร้างเนื้อหาคุณภาพเป็นเพียงครึ่งหนึ่งของเส้นทางที่ทั้งผู้เผยแพร่โฆษณาและแบรนด์ต้องเดิน เนื้อหาคุณภาพต้องรองรับเทคโนโลยีสมัยใหม่ที่สามารถก้าวทันความเร็วและมาตรฐานของเว็บในปัจจุบัน เราส่ง Core Web Vitals ที่ผ่านเกณฑ์ได้เพราะประสิทธิภาพของเว็บไซต์ไม่ใช่แค่เป้าหมาย แต่ถือเป็นเสาหลักของบริษัทที่ฝังอยู่ในวัฒนธรรมของเรา เรามุ่งเน้นที่ประสิทธิภาพเพื่อช่วยให้ลูกค้าได้รับประโยชน์สูงสุดจากเว็บแบบเปิดด้วยการเพิ่มการเข้าชมและสร้างรายได้โดยไม่ลดทอนประสบการณ์ของผู้ใช้
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่เราสามารถช่วยให้เว็บไซต์ของคุณมีประสิทธิภาพเหนือกว่ามาตรฐานอุตสาหกรรมในด้าน Core Web Vitals โปรดคลิกที่นี่เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับ RebelMouse วันนี้