วิธีที่ RebelMouse เพิ่มความภักดีและการมีส่วนร่วมโดยการเพิ่มประสิทธิภาพ Core Web Vitals

กรณีศึกษาที่วัดผลและประโยชน์ของคะแนนประสิทธิภาพที่สูงใน Core Web Vitals

Andrea Breanna
Andrea Breanna
X LinkedIn

RebelMouse คือ CMS ในระบบคลาวด์ซึ่งมีเครื่องมือที่ขับเคลื่อนด้วยข้อมูลและกลยุทธ์ครีเอทีฟโฆษณาที่ผู้เผยแพร่โฆษณาต้องการเพื่อมอบประสบการณ์ที่ดีที่สุดแก่กลุ่มเป้าหมายทั้งเก่าและใหม่ เราขับเคลื่อนผลิตภัณฑ์และบริการบนอินเทอร์เน็ตที่มีการเข้าชมสูงสำหรับบริษัทด้านสื่อ เช่น Upworthy, Narcity, Raw Story, Brit + Co และ The Independent ตลอดจนเว็บไซต์ที่มีมูลค่าสูง เช่น Penske Tcks, Vault12, Gaingels และอื่นๆ อีกมากมาย

แพลตฟอร์มของเราเข้าถึงผู้คนกว่า 100 ล้านคนทุกเดือนเฉพาะในสหรัฐฯ บริษัทก่อตั้งขึ้นจากความเชื่อที่ว่าเว็บแบบเปิดจำเป็นต้องดำเนินการให้อยู่ในระดับสูงสุดตามความคาดหวังของผู้บริโภคเพื่อให้ประสบความสำเร็จ และมาตรฐานที่กำหนดโดย Core Web Vitals ของ Google ก็สอดคล้องกับวิสัยทัศน์ที่ให้ความสำคัญกับผู้ใช้เป็นอันดับแรกนี้

ทีมระดับโลกของเราได้ทำงานด้านวิศวกรรมระบบ CMS มาเป็นเวลากว่าทศวรรษแล้วที่สร้างประสบการณ์ของผู้ใช้ที่ดีและใช้งานง่าย ซึ่งจะนำไปสู่ธุรกิจที่มีความหมาย Core Web Vitals เป็นเกณฑ์เปรียบเทียบที่ช่วยให้มั่นใจว่าการวนรอบแบบเชื่อมโยงกันนี้จะดำเนินไปอย่างต่อเนื่องในเว็บไซต์ใหม่ทุกเว็บไซต์ที่เราขับเคลื่อน

เหตุใดการให้ความสำคัญกับประสิทธิภาพจึงหมายถึงธุรกิจที่ดีขึ้น

ผู้เผยแพร่โฆษณาจำนวนมากสงสัยว่าคะแนนที่ยอดเยี่ยมใน Core Web Vitals คุ้มค่ากับความพยายามหรือไม่ ทั้งยังกังวลว่าแม้แต่ประสบการณ์ของผู้ใช้ที่มีคุณภาพก็ไม่ได้ช่วยให้มีจำนวนผู้อ่านเพิ่มขึ้นตามที่ต้องการ โชคดีที่การให้ความสำคัญกับประสิทธิภาพการทำงานที่ RebelMouse ช่วยให้ข้อมูลแก่เราในการพิสูจน์ว่า Core Web Vitals เป็นวิธีที่ยอดเยี่ยมในการสร้างการเข้าชมใหม่ๆ และสร้างความภักดีของผู้ใช้ซึ่งจำเป็นต่อการทำธุรกิจให้ประสบความสำเร็จ

เพื่ออธิบายสถานการณ์นี้ เราจึงวิเคราะห์พฤติกรรมกลุ่มเป้าหมายของเว็บไซต์จำนวนหนึ่งที่เราใช้งานอยู่ ทั้งก่อนและหลังจากที่เราเพิ่มประสิทธิภาพเพื่อให้ได้คะแนนประสิทธิภาพที่สูงใน Core Web Vitals ที่สำคัญ เราได้กำหนดประเภทผู้ใช้เพื่อแยกกลุ่มเป้าหมายออกเป็นหมวดหมู่หลักดังต่อไปนี้

  • ผู้เข้าชมใหม่: ผู้ใช้ที่เข้าชมเว็บไซต์เป็นครั้งแรก
  • ผู้เข้าชมที่กลับมา: ผู้ใช้ที่มีอย่างน้อย 2 เซสชัน
  • ผู้เข้าชมขาประจำ: ผู้ใช้ที่มีอย่างน้อย 3 เซสชันขึ้นไป
  • แฟนๆ: ผู้ใช้ที่มีเซสชันอย่างน้อย 4 เซสชัน
  • Superfans: ผู้ใช้ที่มีเซสชันอย่างน้อย 5 เซสชัน

ข้อมูลอ้างอิง: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors

ข้อมูลจากภาคสนามที่รวบรวมโดย Google Analytics นั้นชัดเจนมาก เมื่อมุ่งเน้นไปที่หมวดหมู่ผู้เข้าชมขาประจำ แฟน และแฟนพันธุ์แท้ เราพบว่าผู้ใช้มีแนวโน้มที่จะอยู่นานขึ้น ดูเนื้อหามากขึ้น และกลับมาดูเว็บไซต์ที่ได้รับคะแนนดีเยี่ยมจาก Core Web Vitals บ่อยขึ้น มาดูตัวอย่างที่โดดเด่นกัน

ผู้เข้าชมขาประจำ
(3 เซสชันขึ้นไป/ผู้ใช้) 		แฟน
(4 เซสชันขึ้นไป/ผู้ใช้) 		Superfans
(5 เซสชันขึ้นไป/ผู้ใช้)
เว็บไซต์ หน้า/ผู้ใช้ เวลา/ผู้ใช้ หน้า/ผู้ใช้ เวลา/ผู้ใช้ หน้า/ผู้ใช้ เวลา/ผู้ใช้
บริต + โค เพิ่มขึ้น 1.9% เพิ่มขึ้น 2.6% 6.6% 7.2% 6.3% 7.8%
ฮามู เอส์ เกมันต์ เพิ่มขึ้น 10.6% เพิ่มขึ้น 48.2% เพิ่มขึ้น 13.1% เพิ่มขึ้น 47.2% 6.9% เพิ่มขึ้น 35.3%
ก๊อกน้ำ เพิ่มขึ้น 37.5% เพิ่มขึ้น 52.8% เพิ่มขึ้น 46.9% 64.4% เพิ่มขึ้น 47.0% 64.6%
ด้านบน เพิ่มขึ้น 117.6% เพิ่มขึ้น 50.0% เพิ่มขึ้น 117.1% เพิ่มขึ้น 50.8% เพิ่มขึ้น 114.2% เพิ่มขึ้น 49.2%

แต่การใช้งานเนื้อหาและเวลาที่ใช้ต่อผู้ใช้ไม่ได้เป็นเพียงเมตริกเดียวที่พุ่งสูงขึ้น จำนวนผู้ใช้ที่เข้าชมและหน้าเว็บที่เข้าถึงก็เพิ่มขึ้นในหมวดหมู่เดียวกันเช่นกัน:

ผู้เข้าชมขาประจำ
(3 เซสชันขึ้นไป/ผู้ใช้) 		แฟน
(4 เซสชันขึ้นไป/ผู้ใช้) 		Superfans
(5 เซสชันขึ้นไป/ผู้ใช้)
เว็บไซต์ ผู้ใช้ การดูหน้าเว็บ ผู้ใช้ การดูหน้าเว็บ ผู้ใช้ การดูหน้าเว็บ
อเมริกา เพิ่มขึ้น 16.0% เพิ่มขึ้น 10.4% เพิ่มขึ้น 11.8% 6.8% 6.9% เพิ่มขึ้น 4.6%
ตะวันออกเฉียงเหนือค่อนทางเหนือ เพิ่มขึ้น 24.2% เพิ่มขึ้น 13.8% เพิ่มขึ้น 24.9% เพิ่มขึ้น 13.4% เพิ่มขึ้น 24.0% เพิ่มขึ้น 9.0%
นิตยสาร เพิ่มขึ้น 24.7% เพิ่มขึ้น 20.0% เพิ่มขึ้น 39.7% เพิ่มขึ้น 32.1% เพิ่มขึ้น 55.7% เพิ่มขึ้น 35.7%
Nexus เครื่องที่ 2 เพิ่มขึ้น 16.8% เพิ่มขึ้น 14.2% เพิ่มขึ้น 15.0% เพิ่มขึ้น 13.4% เพิ่มขึ้น 15.7% เพิ่มขึ้น 13.3%

จากเรื่องปกติสู่ประสิทธิภาพสูง: วิธีที่ RebelMouse เปลี่ยนรูปแบบเว็บไซต์ได้อย่างไร

ข่าวดีคือ การมีประสิทธิภาพดีใน Core Web Vitals นั้นเกิดขึ้นได้ด้วยการเปลี่ยนแปลงฐานของโค้ดในเว็บไซต์อย่างรอบคอบและคำนึงถึงกลยุทธ์ ตัวอย่างวิธีการที่ RebelMouse ขับเคลื่อนเว็บไซต์ที่มีประสิทธิภาพสูงมีดังนี้

Progressive Web App

RebelMouse เพิ่มประสิทธิภาพการเรียกบุคคลที่สามทั้งหมดใน Progressive Web App ซึ่งนำเสนอเนื้อหาที่สำคัญที่สุดก่อน จากนั้นจะจัดลำดับการเรียกที่เหลือตามที่ผู้อ่านต้องการเห็น

เรามีเมธอดที่โหลด JavaScript ทันทีหลังจากเหตุการณ์ Largest Contentful Paint (LCP) เสร็จสิ้นลง เรามีตัวเลือกให้ผู้ใช้โหลด JavaScript ผ่านลำดับความสำคัญที่แตกต่างกัน 3 ระดับดังนี้

  • เพิ่มประสิทธิภาพเหมาะสำหรับผู้ใช้ที่ต้องการวิธีการอันล้ำสมัย เรานำไปใช้ในงานพัฒนาของเราเอง ระดับความสำคัญนี้จะหยุด JavaScript ชั่วคราวไม่ให้เริ่มทำงานจนกว่าจะโหลดหน้าเว็บเสร็จสมบูรณ์ ซึ่งจะให้ประสิทธิภาพสูงสุดแก่คุณ
  • การบล็อกการโหลดใช้ในการดำเนินการ JavaScript ทันที และโดยทั่วไปจะส่งผลเสียต่อคะแนนประสิทธิภาพ ระดับความสำคัญนี้จะทำให้ JavaScript เริ่มทำงานทันทีหลังจากที่โหลดหน้าเว็บเสร็จสมบูรณ์ ซึ่งอาจส่งผลให้คะแนนประสิทธิภาพลดลง 10-40 คะแนน ทั้งนี้ขึ้นอยู่กับการโทรครั้งพิเศษนี้
  • LCP ภายหลังเป็นตัวเลือกที่ดีที่สุดในการรวมคะแนนประสิทธิภาพที่ยอดเยี่ยมกับการโหลดที่รวดเร็วมาก ระดับความสำคัญนี้จะทำให้ JavaScript โหลดทันทีหลังจากที่เหตุการณ์ Largest Contentful Paint เสร็จสมบูรณ์แล้ว (แนะนำให้ใช้สำหรับโฆษณาเท่านั้น ซึ่งช่วยให้คุณสามารถเพิ่มรายได้จากการแสดงโฆษณาแก่ผู้ใช้ที่อยู่บนหน้าเว็บนานประมาณ 5 วินาที)

Optimize การฝังโซเชียล

หากต้องการปกป้องคะแนน Cumulative Layout Shift (CLS) และ LCP คุณจะต้องตั้งค่าการฝังโซเชียลทั้งหมดเป็นการโหลดแบบ Lazy Loading

สำหรับการเก็บรักษา CLS คุณจะต้องค้นหาขนาดของการฝังด้วยเทคโนโลยีฝั่งเซิร์ฟเวอร์แบบไดนามิก และแทรกขนาดลงในพื้นที่เก็บข้อมูลของคุณเองสำหรับพร็อพเพอร์ตี้ของการฝังนั้น จากนั้น จะต้องส่งการฝังไปยังส่วนหน้าของคุณเพื่อป้องกันไม่ให้เลย์เอาต์ขยับเมื่อโหลดขึ้น สำหรับผู้ที่สนใจข้อมูลเจาะลึกเกี่ยวกับหัวข้อนี้ เรามีโพสต์ที่เจาะจงในตัวอย่าง Twitter และ TikTok พร้อมรายละเอียดเพิ่มเติม

HTML และ CSS น้ำหนักเบา อัจฉริยะ

HTML และ CSS ของเว็บไซต์จะต้องสร้างในลักษณะที่ทำให้สามารถแสดงรูปภาพครึ่งหน้าบนและข้อความโหลดล่วงหน้าก่อนส่วนอื่นๆ ของหน้าเว็บ

  • โครงสร้าง HTML ที่ไม่ถูกต้องจะบังคับให้เบราว์เซอร์ประมวลผลองค์ประกอบของเว็บไซต์ที่ไม่จำเป็นจำนวนมากซึ่งอยู่ครึ่งหน้าล่างเพื่อแสดงผลสิ่งที่อยู่ครึ่งหน้าบนในวิวพอร์ตแรก
  • เรามีบทความเชิงลึกเพิ่มเติมเกี่ยวกับวิธีบรรลุเป้าหมายนี้บน RebelMouse ที่นี่

เผยแพร่ด้วยแนวความคิดที่ให้ความสำคัญกับประสิทธิภาพเป็นอันดับแรก

นับตั้งแต่เปิดตัว Core Web Vitals นักพัฒนาซอฟต์แวร์ได้รู้สึกว่าแพลตฟอร์มการเผยแพร่ของตนแตกต่างจากเกณฑ์ที่ Google แนะนำอย่างไรบ้าง

HTTP Archive ซึ่งเป็นโปรเจ็กต์โอเพนซอร์สที่ระบุแนวโน้มและบันทึกรูปแบบที่ผ่านมาใน URL หลายล้านรายการได้เปิดเผยประสิทธิภาพของระบบจัดการเนื้อหายอดนิยมเทียบกับมาตรฐานประสบการณ์การใช้งานหน้าเว็บของ Google ในรายงานเทคโนโลยี Core Web Vitals RebelMouse มีประสิทธิภาพสูงกว่าแพลตฟอร์ม CMS หลักๆ อย่างต่อเนื่องในด้านเมตริกที่สำคัญที่สุดของ Google นับตั้งแต่เปิดตัวจนถึงปี 2022 ดังนี้

การเปรียบเทียบต้นทางที่มี Core Web Vitals ที่ดีในแพลตฟอร์มต่างๆ แพลตฟอร์มเหล่านี้ ได้แก่ RebelMouse, WordPress, Drupal, Wix, Squarespace, Adobe Experience Manager, Contentful, Sitecore, Arc Publishing และ Chorus ระยะเวลาเริ่มตั้งแต่วันที่ 1 มกราคม 2021 ถึง 31 มกราคม 2022 สําหรับอุปกรณ์เคลื่อนที่ แนวโน้มนี้แสดงให้เห็นว่า RebelMouse มีประสิทธิภาพสูงกว่าแพลตฟอร์ม CMS อื่นๆ ทั้งหมดใน Core Web Vitals และแนวโน้มนี้จะเพิ่มขึ้นเมื่อเวลาผ่านไป

ทำงานได้เต็มประสิทธิภาพ

ปัจจุบันการสร้างเนื้อหาที่มีคุณภาพเป็นเพียงครึ่งเดียวสำหรับผู้เผยแพร่โฆษณาและแบรนด์ เนื้อหาที่มีคุณภาพต้องได้รับการสนับสนุนโดยเทคโนโลยีสมัยใหม่ที่ก้าวตามความเร็วและมาตรฐานของเว็บในปัจจุบันได้ เราแสดง Core Web Vitals ที่มีประสิทธิภาพได้ เนื่องจากประสิทธิภาพของเว็บไซต์ไม่ใช่แค่เป้าหมาย แต่เป็นเสาหลักของบริษัทที่หล่อหลอมวัฒนธรรมของเรา เรามุ่งเน้นเรื่องประสิทธิภาพอย่างหนักเพื่อช่วยให้ลูกค้าได้รับประโยชน์สูงสุดจากเว็บแบบเปิดด้วยการเพิ่มการเข้าชมและสร้างรายได้โดยที่ไม่กระทบต่อประสบการณ์ของผู้ใช้

หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่เราช่วยให้เว็บไซต์ของคุณได้มาตรฐานอุตสาหกรรมใน Core Web Vitals โปรดคลิกที่นี่เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับ RebelMouse วันนี้เลย