Google ประกาศโครงการริเริ่ม Web Vitals เพื่อให้คำแนะนำแบบรวมแก่นักพัฒนาซอฟต์แวร์เกี่ยวกับประสิทธิภาพของเว็บไซต์โดยใช้เมตริกหลัก 3 ประการ
ย้อนกลับไปที่งาน Chrome Developer Summit เมื่อปีที่แล้ว Google ประกาศเครื่องมือใหม่สำหรับนักพัฒนา Chrome เพื่อลดเวลาในการโหลดหน้าเว็บและสร้างประสบการณ์ที่เหมือนกับแอปเนทีฟ ในขณะนั้น บริษัทยังได้หารือเกี่ยวกับความคิดริเริ่มเพื่อให้นักพัฒนามีชุดเมตริกแบบรวมเพื่อวัดเมื่อสร้างเว็บไซต์โดยคำนึงถึงประสบการณ์ผู้ใช้และประสิทธิภาพ จากแนวคิดเริ่มแรก Google ได้ประกาศโครงการริเริ่ม Web Vitals ซึ่งมีเป้าหมายที่จะนำเสนอ "คำแนะนำแบบรวมสำหรับสัญญาณคุณภาพที่จำเป็นต่อการมอบประสบการณ์ผู้ใช้ที่ยอดเยี่ยมบนเว็บ"
ในช่วงหลายปีที่ผ่านมา Google ได้นำเสนอเครื่องมือหลายอย่างเพื่อช่วยนักพัฒนาเว็บไซต์ในการวัดและรายงานประสิทธิภาพของเว็บไซต์ ซึ่งรวมถึงสิ่งต่างๆ เช่น ประภาคาร Chrome DevTools, PageSpeed Insights และรายงานความเร็วของ Search Console แต่ Google ตั้งข้อสังเกตว่าแม้ว่านักพัฒนาซอฟต์แวร์บางรายจะค่อนข้างเชี่ยวชาญในการใช้เครื่องมือเหล่านี้ แต่คนอื่นๆ ก็พบว่าเครื่องมือและตัวชี้วัดที่หลากหลายนั้นค่อนข้างท้าทายเล็กน้อยในการติดตาม ด้วยความคิดริเริ่มใหม่ บริษัทมีเป้าหมายที่จะลดความซับซ้อนของภูมิทัศน์เพื่อให้นักพัฒนาซอฟต์แวร์สามารถมุ่งเน้นไปที่เมตริกที่สำคัญที่สุดที่เรียกว่า Core Web Vitals
Core Web Vitals เป็นส่วนย่อยของ Web Vitals ทั้งหมดที่ใช้กับหน้าเว็บทั้งหมด เจ้าของเว็บไซต์ทุกคนควรวัด และจะแสดงในเครื่องมือทั้งหมดของ Google ปัจจุบัน Core Web Vitals มุ่งเน้นไปที่ประสบการณ์ของผู้ใช้ 3 ด้าน ได้แก่ การโหลด การโต้ตอบ และความเสถียรของภาพ และรวมเมตริกต่อไปนี้ (และเกณฑ์ที่เกี่ยวข้อง)
- Contentful Paint ที่ใหญ่ที่สุด (LCP): วัดประสิทธิภาพการโหลด เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดี LCP ควรเกิดขึ้นภายใน 2.5 วินาทีนับจากเวลาที่เริ่มโหลดหน้าเว็บครั้งแรก
- ความล่าช้าในการป้อนข้อมูลครั้งแรก (FID): วัดการโต้ตอบ เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดี หน้าเว็บควรมี FID น้อยกว่า 100 มิลลิวินาที
- การเปลี่ยนแปลงเค้าโครงสะสม (CLS): วัดความเสถียรของการมองเห็น เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดี เพจควรรักษา CLS ให้น้อยกว่า 0.1
Google มุ่งมั่นที่จะแสดงเมตริกเหล่านี้ในเครื่องมือเพื่อช่วยนักพัฒนาซอฟต์แวร์วัดและรายงาน Core Web Vitals เหล่านี้ รายละเอียดแผนภูมิต่อไปนี้ว่าเครื่องมือใดบ้างที่รองรับ Core Web Vitals
นักพัฒนายังสามารถวัด Core Web Vital แต่ละรายการใน JavaScript โดยใช้ Web API มาตรฐาน และรายงานเกี่ยวกับ Core Web Vital แต่ละรายการโดยไม่ต้องเขียนโค้ดใดๆ โดยใช้ ส่วนขยาย Chrome ของ Web Vitals. ส่วนขยายใช้ไลบรารี Web Vitals เพื่อวัดเมตริกเหล่านี้และแสดงให้ผู้ใช้เห็นในขณะที่ท่องเว็บ ส่วนขยายยังมีประโยชน์ในการทำความเข้าใจประสิทธิภาพของเว็บไซต์ของคุณ เว็บไซต์ของคู่แข่ง และเว็บโดยรวม หรืออีกทางหนึ่ง นักพัฒนาที่ต้องการวัดตัววัดเหล่านี้โดยใช้ Web API พื้นฐานสามารถดูคำแนะนำตัววัดบนเว็บไซต์ที่ลิงก์ด้านล่างสำหรับรายละเอียดการใช้งาน
นอกจาก Core Web Vitals แล้ว Google ยังพูดถึง Web Vitals อื่นๆ ที่จะทำหน้าที่เป็นพร็อกซีหรือเมตริกเสริมสำหรับ Core Vitals ซึ่งรวมถึงตัวชี้วัดเช่น Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) และเวลา ไปจนถึง Interactive (TTI) ที่สามารถช่วยให้นักพัฒนาบันทึกประสบการณ์ส่วนใหญ่หรือช่วยในการวินิจฉัยเฉพาะ ปัญหา.
เป็นที่น่าสังเกตว่า Web Vitals และ Core Web Vitals เหล่านี้จะพัฒนาไปตามกาลเวลา และนักพัฒนาซอฟต์แวร์ควรคาดหวังว่าจะมีการปรับปรุงหรือเพิ่มเติมในรายการในอนาคต อย่างไรก็ตาม เนื่องจาก Core Web Vitals มีความเกี่ยวข้องกับหน้าเว็บทุกหน้าและแสดงอยู่ในเครื่องมือต่างๆ ของ Google การเปลี่ยนแปลงใดๆ ในเมตริกเหล่านี้จะไม่เปลี่ยนแปลงคำจำกัดความและเกณฑ์ นักพัฒนาซอฟต์แวร์จะได้รับการแจ้งให้ทราบล่วงหน้าเกี่ยวกับการเปลี่ยนแปลงที่กำลังจะเกิดขึ้นและรูปแบบรายปีที่คาดการณ์ได้ เนื่องจาก Web Vitals อื่นๆ เป็นบริบทหรือเครื่องมือเฉพาะ คำจำกัดความและเกณฑ์อาจเปลี่ยนแปลงตามความถี่ที่มากขึ้นโดยไม่ต้องแจ้งให้ทราบล่วงหน้า การเปลี่ยนแปลงใดๆ ที่ทำกับ Web Vitals ทั้งหมดจะได้รับการบันทึกไว้ในเอกสารนี้ บันทึกการเปลี่ยนแปลงสาธารณะ.
แหล่งที่มา: เว็บ.เดฟ