Core Web Vitals คืออะไร ?
Core Web Vitals (CWTs) คือ เมทริกซ์ที่สำคัญที่สุด 3 เมทริกซ์ที่ Google ใช้วัดประสิทธิภาพและประสบการณ์ใช้งาน (User Experience) ของเว็บไซต์ เป็นอีกหนึ่งปัจจัยด้าน SEO ที่ไม่ควรมองข้ามโดยเด็ดขาด เพราะยิ่งคะแนน Core Web Vitals ของเราดี ก็มีโอกาสมากขึ้นที่ Google จะชื่นชอบและนำเว็บของเราไปแสดงผลได้ดียิ่งขึ้น โดย CWTs ประกอบไปด้วย 3 เมทริกซ์หลักดังต่อไปนี้
- Largest Contentful Paint (LCP): ใช้สำหรับวัด loading performance (ความเร็วในการโหลดหน้าเว็บ)
- First Input Delay (FID): ใช้สำหรับวัด interactivity (การตอบสนองของหน้าเว็บ)
- Cumulative Layout Shift (CLS): ใช้วัดความเสถียรของหน้าเว็บไซต์ (Visual Stability)
วิธีการทดสอบ Core Web Vitals ของเว็บ
ก่อนที่เราจะไปทำความเข้าใจเมทริกซ์ทั้ง 3 ตัว ผมจะทำการทดสอบ Core Web Vitals ของเว็บไซต์ให้เพื่อน ๆ ได้ดูก่อนนะครับ โดยใช้เครื่องมือต่อไปนี้
ทดสอบวัด Core Web Vitals บน Google Search Console จะเห็นว่าในภาพจะแบ่งออกเป็น 2 ส่วนคือ Mobile & Desktop (วัดทั้งบนมือถือและเดสก์ท็อปเนอะ) ซึ่งการที่เราจะรู้ว่าตัวไหนดีหรือไม่ ต้องปรับปรุงหรือไม่ยังไง แบ่งออกได้ดังนี้
- Poor URLs: คือ URL ที่ไม่ดี ต้องปรับปรุงโดยด่วน
- URLs need improvement: คือ URL ที่เราต้องปรับปรุงนะ (แต่ก็ไม่เร่งด่วนเท่า Poor URL)
- Good URLs: คือ URL ที่ดีอยู่แล้ว ไม่ต้องปรับแก้ไข
ซึ่งจากภาพพบว่าจำนวน URL ทั้ง 122 URLs นั้นดีงามทั้งหมด ไม่ต้องปรับปรุงแก้ไขใด ๆ
ทดสอบวัด Core Web Vitals ผ่าน Google Search Console
และเมื่อทดสอบใน PageSpeed Insights ก็พบว่าผลการทดสอบ "ผ่าน" เช่นกัน
ทดสอบวัด Core Web Vitals ผ่าน Pagespeed Insights
เมื่อเราลองทดสอบเรียบร้อยและรู้ว่าทดสอบได้อย่างไรบ้าง ต่อมาก็จะมาทำความรู้จักทั้ง 3 เมทริกซ์ของ Core Web Vitals แบบจริงจังกันครับ
1. Largest Contentful Paint (LCP)
LCP คือ เมทริกซ์ที่ใช้วัดความเร็วในการโหลดของหน้าเว็บ (Loading Performance) หมายถึงเวลาที่ใช้ในการแสดงเนื้อหาที่ใหญ่ที่สุดในหน้าเว็บ ควรมีค่า LCP น้อยกว่า 2.5 วินาทีเพื่อให้เหมาะสมสำหรับผู้ใช้ทั่วไป ดังนั้นจึงเป็นเหตุผลว่า ทำไมหน้าเว็บถึงต้องโหลดเร็วที่สุดเท่าที่จะเป็นไปได้ ซึ่งหลายคนก็บอกอย่างต่ำควรจะไม่เกิน 3 วิ แต่ในเมทริกซ์ของ Google บอกไว้ว่า 2.5 วินาทีครับ
ผลการวัดค่า LCP
2. First Input Delay (FID)
FID คือ เมทริกซ์ที่ใช้วัดความเร็วเวลาในการตอบสนอง (Interactivity) ต่ออีเวนต์ต่าง ๆ ที่เกิดขึ้นในหน้าเว็บ เช่น การคลิก การกรอกแบบฟอร์ม ฯลฯ เป็นต้น การที่จะผ่านเกณฑ์ในส่วนนี้ ค่า FID ที่จำเป็นต้องน้อยกว่า 100 มิลลิวินาที
ผลการวัดค่า FID
Note: ในเดือนมีนาคมปีหน้า (ปี 2024) Google จะแทนที่เมทริกซ์ FID ด้วยเมทริกซ์ตัวใหม่ล่าสุดอย่าง INP(Interaction to Next Pain) ซึ่งจะเอาไว้ใช้วัดค่า responsiveness ไว้เดี๋ยวจะมาอัปเดตให้เพิ่มเติมครับ
3. Cumulative Layout Shift (CLS)
CLS คือ เมทริกซ์ที่ใช้วัดความเสถียรของหน้าเว็บไซต์ (Visual Stability) ซึ่งหมายถึงความเปลี่ยนแปลงในโครงสร้างของหน้าเว็บที่อาจเกิดขึ้นขณะที่ผู้ใช้กำลังดูเนื้อหา (คือหน้าเว็บไม่ควรกระตุกเยอะ อะไรประมาณนี้ครับ) จำเป็นต้องมีค่า CLS น้อยกว่า 0.1 ถึงจะผ่านเกณฑ์ส่วนนี้
ผลการวัดค่า CLS
การปรับ Core Web Vitals สามารถทำได้โดยการทำ Site Audit ส่วนต่าง ๆ ของเว็บไซต์ เช่น การปรับความเร็วในการโหลดของรูปภาพและวิดีโอด้วยการปรับขนาดของรูปภาพให้เล็กลง (หรือการใช้ฟอร์แมตของรูปภาพแบบ WebP ก็เป็นอีกทางเลือกที่ดี) การ minify (ลดขนาด) ไฟล์จำพวก JavaScript, CSS เพื่อลดช่องว่างระหว่างบรรทัดของโค้ดเหล่านี้ (ซึ่งต้องใช้ความรู้ทางด้านเทคนิค) การใช้แคชและการอัปเดตโค้ด JavaScript ให้เป็นเวอร์ชันล่าสุด และอีกหลายวิธี เพื่อให้เว็บไซต์ทำงานได้อย่างลื่นไหลและมอบประสบการณ์การใช้งานที่ดีต่อผู้ใช้ โดยในความคิดเห็นส่วนตัวเลยก็คือ ถ้านึกถึง Core Web Vitals ผมจะนึกถึง User Experience และด้าน Technical ครับ
อันนี้เป็นการทดสอบและแนะนำภาพรวมในเบื้องต้นก่อนครับ เดี๋ยวผมจะมาอธิบายเพิ่มเติมโดยใช้เว็บที่คะแนน Core Web Vitals ไม่ผ่าน แล้วจะมาสอนการปรับแบบละเอียดอีกทีในครั้งหน้าครับ ปักหมุดไว้หรือไม่ว่าจะเป็น save หรือ bookmark โพสต์นี้เก็บไว้ก่อนได้เลยครับ