การเพิ่มประสิทธิภาพสำหรับ Core Web Vital

Google ประกาศว่าการอัปเดตนี้จะมีผลในกลางเดือนมิถุนายนและมีผลบังคับใช้อย่างสมบูรณ์ในเดือนสิงหาคม 2021 การอัปเดตนี้จะรวมสัญญาณใหม่ Core Web Vital และสัญญาณที่เกี่ยวข้องกับ UX ก่อนหน้านี้

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

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

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

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

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

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

Core Web Vital คือชุดตัววัดผลที่พัฒนาขึ้นโดย Google เพื่อรวบรวมส่วนที่สำคัญที่สุดของประสบการณ์หน้าเว็บที่ผู้ใช้ได้รับบนเว็บไซต์ ปัจจุบันชุดนี้ประกอบด้วยตัวแปรสามตัวที่เน้นการโหลด (Largest Contentful Paint) การโต้ตอบ (First Input Delay) และความเสถียรของภาพ (Cumulative Layout Shift)

พูดง่าย ๆ ว่า Largest Contentful Paint (LCP) จะประมาณว่าต้องใช้เวลานานแค่ไหนในการโหลดองค์ประกอบที่ใหญ่ที่สุดบนหน้า เช่น อาจเป็นโฆษณาแบนเนอร์ขนาดใหญ่ที่ด้านล่างของหน้า องค์ประกอบขนาดใหญ่ที่พิจารณาสำหรับการวัดผลนี้ ได้แก่ :

• องค์ประกอบ img
• องค์ประกอบ image ที่อยู่ในองค์ประกอบ svg
• องค์ประกอบ video
• องค์ประกอบที่มีภาพพื้นหลัง
• องค์ประกอบระดับการบล็อก

ตามหลักการแล้ว คุณต้องการรักษาระดับคะแนน LCP ให้ต่ำกว่า 2.5 วินาที

First Input Delay (FID) จะวัดว่าผู้ใช้สามารถโต้ตอบกับเว็บไซต์ได้รวดเร็วเพียงใด ตัววัดผลนี้พิจารณาถึงเวลาที่จำเป็นสำหรับเบราว์เซอร์เพื่อเริ่มประมวลผลตัวจัดการเหตุการณ์เพื่อตอบสนองต่อการโต้ตอบของผู้ใช้ เช่น การคลิก การแตะ หรือใช้การควบคุมแบบกำหนดเองที่ขับเคลื่อนด้วย JavaScript คะแนน FID ที่ดีคือ 100 ms หรือน้อยกว่า เป็นเมตริกสำคัญของเว็บที่หายากที่สุดสำหรับผู้เผยแพร่โฆษณาที่จะมีปัญหา อย่างไรก็ตาม คุณยังคงสามารถเข้าไปในพื้นที่สีแดงได้หากคุณมีการประมวลผลพื้นหลังจำนวนมาก ตัวอย่างเช่น หากคุณใช้ปลั๊กอิน WordPress จำนวนมากที่ทำงานต่ออย่างเนื่องโดยไม่หยุด

Cumulative Layout Shift (CLS) ติดตามว่าเค้าโครงหน้ามีการเปลี่ยนแปลงตามความตั้งใจของตัวเองหรือหากองค์ประกอบของเว็บไซต์เคลื่อนที่ไปมาโดยไม่คาดคิดในขณะที่โหลดหน้า ตัวอย่างเช่น อยู่ดี ๆโฆษณาแบนเนอร์ก็โหลดขึ้นมา และข้อความบนบทความและพาดหัวข่าวก็เปลี่ยนไป ดังนั้นผู้ใช้จึงต้องปรับตำแหน่งที่อ่าน ดังนั้น เมตริก CLS จะประมาณผลรวมของการวัดการเปลี่ยนแปลงการจัดวางแต่ละรายการ กล่าวคือ อาจเป็นการเปลี่ยนแปลงครั้งใหญ่เพียงครั้งเดียวหรือการเปลี่ยนแปลงเล็ก ๆ หลายครั้ง

เป้าหมายสำหรับตัววัดผล CLS คือการมีการเปลี่ยนเค้าโครงสะสม 0.1 นอกจากนี้ยังวัดเป็นเปอร์เซ็นต์แทนที่จะเป็นพิกเซลเพื่อปรับให้เข้ากับขนาดหน้าจอต่าง ๆ ในเดือนเมษายน Google ได้อัปเดตวิธีการติดตามคะแนน CLS และทำให้ยุติธรรมยิ่งขึ้นสำหรับหน้าเว็บที่เปิดเป็นเวลานาน (อายุยืน) หรือใช้การเลื่อนหน้าจอที่ไม่มีที่สิ้นสุด

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

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

ขณะนี้ Google รองรับการวัดผล Core Web Vital ในเครื่องมือต่าง ๆ รวมถึง Lighthouse, PageSpeed Insights และ Chrome DevTools นอกจากนี้ Core Web Vital ยังสามารถวัดได้ด้วยเครื่องมือของบุคคลที่สามโดยใช้ API เว็บมาตรฐาน ดังนั้นคุณอาจพบระบบวิเคราะห์ของบุคคลที่สามซึ่งมีการพิจารณาตัววัดผลเหล่านี้

จนถึงตอนนี้วิธีที่ง่ายที่สุดวิธีหนึ่งในการทดสอบเว็บไซต์ของคุณและค้นหาคะแนนจริงคือการดูเครื่องมือรายงาน PageSpeed Insights ที่ขับเคลื่อนโดย Lighthouse ในเดือนเมษายน Google ยังได้เพิ่มรายงาน Page Experience ใหม่ใน Search Console ซึ่งติดตามสัญญาณประสบการณ์การใช้งานหน้าเว็บทั้งหมด

เครื่องมือการรายงานจะแสดงคะแนนบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่แยกกันและโดยทั่วไปคะแนนบนอุปกรณ์เคลื่อนที่จะแสดงประสิทธิภาพที่แย่ลง ตามหลักการแล้ว คุณควรกำหนดให้แต่ละตัววัดผลเป็นสีเขียวสำหรับเดสก์ท็อปและอุปกรณ์เคลื่อนที่

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

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

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

เพื่อเตรียมพร้อมสำหรับการอัปเดต Core Web Vital เราได้เปิดตัวฟีเจอร์และการปรบปรุงมากมายในวิดเจ็ตของเรา:

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

เมื่อคุณอัปโหลดภาพแล้วยังมีเครื่องมือต่าง ๆ ที่สามารถช่วยให้คุณสามารถบีบอัดเพิ่มเติมได้ บางส่วนมาในรูปแบบของปลั๊กอินสำหรับ WordPress เช่น reSmush.it, EWWW Image Optimizer, ShortPixel Image Optimizer และ WP Smush คุณยังสามารถบีบอัดรูปภาพบนไซต์ของคุณแบบย้อนหลังได้เพื่อปรับปรุงประสบการณ์ของผู้ใช้ในหน้าที่มีอยู่

เพื่อเพิ่มความเร็วบนเว็บไซต์ของคุณ ให้พิจารณาการลบสคริปต์หรือปลั๊กอินที่ไม่จำเป็นทิ้ง สำหรับสคริปต์บุคคลที่สามที่คุณไม่สามารถละทิ้งได้ คุณสามารถใช้ Google Tag Manager และตั้งค่าทริกเกอร์ Window Loaded ซึ่งจะเลื่อนสคริปต์ที่ไม่สำคัญจากการโหลดจนกว่าองค์ประกอบหลักจะโหลดเต็มที่

ธีมการออกแบบและเค้าโครงที่กระโดดไปมาอาจทำให้เว็บไซต์ของคุณช้าลงและทำให้คะแนน CLS แย่ลงอย่างมาก คุณสามารถทดสอบธีมต่าง ๆ ล่วงหน้าในสภาพแวดล้อมของห้องปฏิบัติการได้ และเลือกธีมที่มีคะแนนดีที่สุด โดยปกติแล้ว ธีมนี้จะเป็นธีมที่มีภาพพื้นหลังน้อยกว่า

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

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

นอกจากนี้ยังสามารถใช้การ Lazy loading ได้สำหรับองค์ประกอบเว็บไซต์ครึ่งหน้าล่างขนาดใหญ่ ไม่ใช่แค่โฆษณา ฟีเจอร์การปรับให้เหมาะสมนี้ใช้เพื่อเลื่อนการโหลดองค์ประกอบจนกว่าผู้ใช้จะถึงเกณฑ์ที่กำหนด การ Lazy loading สามารถปรับปรุง First Input Delay (การโต้ตอบ) บนเว็บไซต์ของคุณได้อย่างมาก วิดเจ็ต MGID ยังใช้งานกับฟีเจอร์นี้ได้

ประสิทธิภาพของโฮสติ้งและเวลาตอบสนองของเซิร์ฟเวอร์ที่ช้าเป็นสาเหตุทั่วไปอื่น ๆ สำหรับคะแนนที่ไม่ดีใน Core Web Vital สำหรับเว็บไซต์ขนาดเล็กที่มีปัญหาในการโหลดหน้าเว็บ อาจเพียงพอที่จะเริ่มใช้ปลั๊กอินแคช เช่น WP Cache หรือ WP Rocket สำหรับโครงการเผยแพร่ขนาดใหญ่ที่มีผู้ชมที่มาจากภูมิภาคต่าง ๆ ขอแนะนำให้ร่วมมือกับผู้ให้บริการ CDN ซึ่งดูแลเครือข่ายเซิร์ฟเวอร์ของตนเอง และสามารถค้นหาสำเนาของเนื้อหาเว็บได้ใกล้กับผู้ใช้ปลายทางมากขึ้น

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

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

ที่ MGID ประสบการณ์ที่ผู้อ่านจะได้รับจากการโต้ตอบกับโฆษณาของเราถือเป็นสิ่งสำคัญสูงสุดเสมอมา เราตรวจสอบคำแนะนำและเทคโนโลยีล่าสุดที่กำลังเติบโตอยู่เสมอ และใช้โซลูชันที่ดีที่สุดที่นำเสนอโดยเบราว์เซอร์ที่ช่วยปรับปรุงประสิทธิภาพ HTML, JavaScript และ CSS