ทำความเข้าใจ Core Web Vitals: วิธีตรวจสอบและผลกระทบที่มีต่อเว็บไซต์ของคุณ

Core Web Vitals คือชุดเมตริกที่ Google ใช้ในการประเมินคุณภาพของเว็บไซต์ของคุณ การเพิ่มประสิทธิภาพไซต์ของคุณสำหรับเมตริกเหล่านี้เป็นสิ่งสำคัญอย่างยิ่ง การเพิ่มประสิทธิภาพเมตริกเหล่านี้เพื่อให้คะแนนที่ดีไม่เพียงแต่ทำให้เว็บไซต์ของคุณได้รับประสบการณ์ผู้ใช้ที่แข็งแกร่ง (UX) ประสบการณ์ของผู้ใช้ที่ผสมผสานกับความเร็วในการโหลดที่รวดเร็วและประสิทธิภาพสูงจะช่วยเพิ่มอันดับเครื่องมือค้นหาของคุณด้วย โดยพื้นฐานแล้ว เพื่อให้ได้ผลดีเกี่ยวกับ Google Page Speed ​​Insights Core Web Vitals ของคุณต้องอยู่ในรูปแบบที่ดีที่สุด

ทำความเข้าใจ Core Web Vitals

สิ่งแรกที่เราควรพูดถึงคือคำจำกัดความของ Core Web Vitals นี่คือสิ่งที่ Google กล่าวว่าพวกเขาคือ:

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

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

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

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

Core Web Vitals คืออะไร?

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

ความล่าช้าในการป้อนข้อมูลครั้งแรก

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

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

ปัจจุบัน Google ถือว่า FID/TBT เป็น Core Web Vitals ที่สำคัญที่สุด และให้น้ำหนักโดยรวม 30% เมื่อพิจารณาคะแนน Page Speed ​​Insights ของไซต์คุณ

First Contentful Paint

First Contentful Paint (FCP) คือการแสดงองค์ประกอบ DOM แรก ซึ่งมักจะเป็นรูปภาพหรือข้อความ เมตริกนี้ไม่ได้วัดองค์ประกอบที่ว่างเปล่า (หรือไม่มีเนื้อหา) เช่น สีพื้นหลังแบบทึบหรือผ้าใบเปล่า

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

ระบายสีเนื้อหาที่ใหญ่ที่สุด

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

โดยปกติ ส่วนฮีโร่หรือกลุ่มที่ใหญ่โตจะประกอบขึ้นเป็น LCP มากกว่า FCP เมตริก LCP เป็นตัววัดประสบการณ์การใช้งานหน้าเว็บโดยรวมที่ดีกว่าสำหรับ Google และควรเป็นหนึ่งในองค์ประกอบที่คุณมุ่งเน้นที่การปรับปรุงไซต์ของคุณก่อนคนอื่นๆ

เลื่อนเค้าโครงสะสม

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

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

เวลาเป็นไบต์แรก

Time to First Byte (TTFB) เป็นแนวคิดที่เข้าใจได้ง่ายอย่างไม่น่าเชื่อ มันวัดระยะเวลาที่เบราว์เซอร์ของผู้ใช้ได้รับ (ไม่แสดงผล) ไบต์แรกของข้อมูลจากเซิร์ฟเวอร์ แค่นั้นแหละ. โดยพื้นฐานแล้ว TTFB เป็นช่วงเวลาที่เบราว์เซอร์ของผู้ใช้ได้ยินเซิร์ฟเวอร์พูดว่า "สวัสดี"

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

ดัชนีความเร็ว

ดัชนีความเร็วเป็นตัวชี้วัดที่สัมพันธ์กันซึ่งขึ้นอยู่กับผู้ใช้ โดยจะวัดเวลาที่ เนื้อหาทั้งหมด แสดงผลครึ่งหน้าบน คิดว่าดัชนีความเร็วเป็นค่าเฉลี่ยการดูอย่างรวดเร็วของประสิทธิภาพโดยรวมของไซต์และ UX แม้ว่าจะไม่เจาะจง แต่คะแนนดัชนีความเร็วสีเขียว/สีส้ม/สีแดงจาก Google Page Speed ​​Insights เป็นการให้คะแนนที่ดี/โอเค/แย่

เนื่องจาก Google ให้น้ำหนัก Core Web Vitals ต่างกัน (ดังที่เราพูดถึงด้านล่าง) การมีคะแนนที่ดีในบางส่วนและคะแนนแย่ในส่วนอื่นๆ อาจไม่แปลเป็นประสบการณ์การใช้งานหน้าเว็บที่ยอดเยี่ยมในสายตาของ Google

ข้อใดคือตัวชี้วัด Core Web Vitals ที่สำคัญที่สุด

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

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

1. เวลาบล็อกทั้งหมด (30%)
2. ระบายสีเนื้อหาที่ใหญ่ที่สุด (25%)
3. การเปลี่ยนแปลงเค้าโครงสะสม (15%)
4. ลงสีครั้งแรก (10%)
5. ดัชนีความเร็ว (10%)
6. เวลาในการโต้ตอบ (10%)

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

ซึ่งจะไม่เป็นเช่นนั้นเสมอไป และน้ำหนักเหล่านั้นจะเปลี่ยนไป แต่สำหรับการเขียนนี้ TBT/FID และ LCP เป็น Core Web Vitals ที่สำคัญที่สุดที่มี CLS ดึงเข้ามาใกล้เป็นอันดับสาม

Takeaways in Plainer English

ทั้งหมดนี้อาจดูเหมือนเป็นเทคนิคมาก แต่แนวคิดนี้ไม่ใช่จริงๆ ประสบการณ์การใช้หน้าเพจโดยใช้ Core Web Vitals มีความสมดุลในองค์ประกอบหลักสามประการ:

• ความเสถียรของเว็บไซต์
• ปฏิกิริยาและการตอบสนอง
• ความเร็วและประสิทธิภาพ

หรือในภาษาอังกฤษที่ชัดเจนยิ่งขึ้น:

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

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

ไม่ใช่ Core Web Vitals คืออะไร?

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

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

เช่นเดียวกับ SSL และทำให้แน่ใจว่าเว็บไซต์ของคุณทำงานบน HTTPS ด้วยใบรับรอง SSL ฟรีที่แพร่หลายผ่านโฮสต์และบริการต่างๆ เช่น Let's Encrypt การมีไซต์ที่ปลอดภัยจึงไม่คุ้มค่าที่จะเน้นย้ำอีกต่อไป เป็นสถานะเริ่มต้นของเว็บไซต์ Google ไม่เพิ่มหน้าเพียงเพื่อความปลอดภัยอีกต่อไป

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

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

วิธีการวัด Core Web Vitals

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

• Lighthouse เป็นซอฟต์แวร์พื้นฐานที่ใช้วัด Web Vitals หลัก มีการผสานรวมเข้ากับเครื่องมืออื่นๆ แต่คุณยังสามารถเรียกใช้การตรวจสอบ Lighthouse แบบตรงไปตรงมาเพื่อรับข้อมูลมากที่สุด อย่างไรก็ตามเป็นเครื่องมือทางเทคนิคที่มีทั้งหมดมากที่สุด
• เครื่องมือ Page Speed ​​Insights ของ Google น่าจะเป็นที่รู้จักมากที่สุดสำหรับการวัดค่าเหล่านี้ เนื่องจากได้รวม Lighthouse ไว้ใน UI ที่น่าพึงพอใจกว่ามาก ซึ่งให้มุมมองที่สมบูรณ์ว่า Google มองเห็นเว็บไซต์ของคุณอย่างไร แต่เรายังแนะนำให้คุณใช้เครื่องมืออื่นๆ เพื่อวัดสิ่งต่างๆ ด้วย Page Speed ​​Insights เป็นที่ทราบกันดีว่ามีความรุนแรงอย่างยิ่งในไซต์ที่เร็วและได้รับการออกแบบมาอย่างดีที่สุด
• Google Search Console เป็นศูนย์รวมแบบครบวงจรสำหรับการวัด Core Web Vitals คุณจะได้รับรายงานแบบทีละหน้าเกี่ยวกับเนื้อหาและ URL แต่ละรายการที่ต้องปรับปรุง และส่วนสำคัญที่ขาดหายไป (หรือไม่)
• GT Metrix และ Pingdom Tools คือการทดสอบความเร็วและประสิทธิภาพของบริษัทอื่น ซึ่งสามารถให้ข้อมูลเชิงลึกแก่คุณเกี่ยวกับ Core Web Vitals ของคุณได้ เนื่องจากไม่ได้มาจาก Google โดยตรงเหมือนกับที่เราพูดถึง คุณจึงสามารถดูข้อมูลในโลกแห่งความเป็นจริงได้มากขึ้น และวิธีที่ผู้ใช้จากสถานที่ต่างๆ และการใช้เทคโนโลยีที่แตกต่างกันจะเห็นไซต์ของคุณ

บทสรุป

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

คุณรู้สึกอย่างไรเกี่ยวกับสถานะปัจจุบันของ Core Web Vitals ของ Google แจ้งให้เราทราบในความคิดเห็น!

บทความรูปภาพโดย BestForBest / shutterstock.com