เจ้าของหน้าเว็บต้องการเพิ่มประสิทธิภาพประสบการณ์หลักของผู้ใช้บนหน้าเว็บของตน มีการแนะนำเครื่องมือมากมายเพื่อเพิ่มประสิทธิภาพและเพิ่มคุณภาพของหน้าเว็บ เจ้าของธุรกิจ นักการตลาด หรือนักพัฒนาสามารถใช้เครื่องมือเหล่านี้เพื่อเพิ่มปริมาณและประสบการณ์ของไซต์ และสามารถระบุโอกาสในการปรับปรุงได้
Core Web Vitals กับ Lighthouse
ความแตกต่างระหว่าง Core Web Vitals และ Lighthouse คือ Google นำเสนอเครื่องมือทั้งสองและตัวชี้วัดสามตัวที่ Core Web Vitals นำเสนอ ได้แก่ LCP (Largest Contentful Paint), FID (First Input Display), CLS (Cumulative Layout Shift) ในขณะที่เปิด ในทางกลับกัน Google Lighthouse ยังมีตัววัดสามตัวและสองตัวนั้นเหมือนกับ Core Web Vitals ที่เป็น LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (เวลาการบล็อกทั้งหมด)
Core Web Vitals เปิดตัวโดย Google ในปี 2020 ของเดือนพฤษภาคม เป็นส่วนย่อยของ Web Vitals และใช้กับหน้าเว็บทั้งหมดของ Google และเจ้าของเว็บไซต์ของหน้าเว็บเหล่านี้วัดด้วยความช่วยเหลือของเครื่องมือนี้ จากนั้น Google จะแยกแยะออก
เครื่องมือ Lighthouse เปิดตัวโดย Google ในปี 19 พฤษภาคม 2020 เครื่องมือนี้สร้างขึ้นเพื่อวัด Web Vitals หลัก และเพื่อปรับปรุงหรือเพิ่มประสิทธิภาพคุณภาพของหน้าเว็บด้วย เครื่องมือนี้ใช้หลังจากป้อน URL ของหน้าเว็บ จากนั้นจึงเรียกใช้ชุดการตรวจสอบ จากนั้นให้คะแนนหน้าเว็บพร้อมรายงานโดยละเอียด
ตารางเปรียบเทียบระหว่าง Core Web Vitals และ Lighthouse
| พารามิเตอร์ของการเปรียบเทียบ | Core Web Vitals | ประภาคาร |
| มันคืออะไร? | เป็นชุดย่อยของ Web Vitals และนำไปใช้กับหน้าเว็บทั้งหมด ซึ่งวัดโดยเจ้าของไซต์และแพลตฟอร์มทั้งหมดทั่ว Google | เครื่องมือในการปรับปรุงคุณภาพของหน้าเว็บ |
| วิธีการใช้งาน | แสดงประสิทธิภาพของหน้าเว็บตามข้อมูลการใช้งานจริง (ข้อมูลภาคสนาม) | มันสร้างชุดของการตรวจสอบ จากนั้นรายงานโดยละเอียดจะแสดงพร้อมกับคะแนนว่าหน้าทำงานได้ดีเพียงใด |
| แนะนำใน | พฤษภาคม 2020 | 19 พฤษภาคม 2020 |
| วัดโดย | วัดโดยเครื่องมือ Lighthouse, รายงาน Chrome UX, Chrome DevTools, Search Console, PageSpeed Insights | ไม่มีเครื่องมือดังกล่าว |
| ตัวชี้วัด | LCP (สีที่มีเนื้อหาใหญ่ที่สุด), FID (การแสดงผลอินพุตแรก), CLS (Cumulative Layout Shift) | LCP (สีที่มีเนื้อหาใหญ่ที่สุด), CLS (การเปลี่ยนเค้าโครงสะสม), TBT (เวลาการบล็อกทั้งหมด) |
Core Web Vitals คืออะไร?
Core Web Vitals สามารถกำหนดเป็นส่วนย่อยของ Web Vitals ที่ใช้กับหน้าเว็บที่มีอยู่ทั่วทั้งเว็บไซต์ของ Google เจ้าของเว็บไซต์ต้องวัดหน้าเว็บเหล่านี้ แล้วจึงแสดงหน้าเว็บเหล่านี้บน Google เครื่องมือนี้เปิดตัวในเดือนพฤษภาคม 2020 และเครื่องมือนี้กรองประสิทธิภาพของหน้าเว็บตามข้อมูลการใช้งานจริงหรือกล่าวว่าข้อมูลภาคสนาม
Core Web Vitals สามารถวัดได้ด้วยเครื่องมือมากมาย และบางเครื่องมือ ได้แก่ เครื่องมือ Lighthouse, รายงาน Chrome UX, Chrome DevTools, Search Console และ PageSpeed Insights ตัวชี้วัดปัจจุบันของเครื่องมือมุ่งเน้นไปที่สามสิ่งที่ช่วยในการปรับปรุงประสบการณ์ผู้ใช้ – การโหลด (LCP), การโต้ตอบ (FID) และการโหลดด้วยภาพ (CLS)
LCP หรือ Largest Contentful Paint จะวัดประสิทธิภาพการโหลดหน้าเว็บ และภายใน 2.5 วินาที LCP ควรเกิดขึ้น FID หรือ First Input Display ของหน้าเว็บจะวัดการโต้ตอบ และหน้าต้องมี FID 100 มิลลิวินาทีหรือน้อยกว่า CLS หรือ Cumulative Layout Shift ของหน้าวัดการโหลดภาพและหน้าต้องมี CLS 0.1 หรือน้อยกว่า หน้าเว็บที่มีการข้ามตัวชี้วัดทั้งหมดที่สูงกว่า 75% ได้รับการกล่าวขานว่าเข้าถึงกลุ่มเป้าหมายที่ถูกต้องของผู้ชม
ประภาคารคืออะไร?
Lighthouse เป็นเครื่องมืออัตโนมัติที่ Google แนะนำซึ่งช่วยในการปรับปรุงคุณภาพของหน้าเว็บ เป็นเครื่องมือฟรีสำหรับผู้ใช้ เครื่องมือนี้ช่วยในการให้ข้อมูลเชิงลึกเกี่ยวกับสิ่งต่าง ๆ ที่จำเป็นในการปรับปรุงคุณภาพของหน้าเว็บ เช่น ประสิทธิภาพโดยรวมของหน้า การใช้งาน SEO การเข้าถึงหน้าเว็บ เว็บแอปพลิเคชันแบบก้าวหน้า และแนวทางปฏิบัติที่ดีที่สุด
เครื่องมือประภาคารใช้ URL ของหน้าเว็บ ซึ่งต้องได้รับการปรับปรุง จากนั้นจึงเรียกใช้การตรวจสอบบางชุด คะแนนเครื่องมือบนหน้าเว็บและรายงานโดยละเอียดเกี่ยวกับประสิทธิภาพของหน้า นอกจากนี้ยังไม่มีเครื่องมือวัดสำหรับ Lighthouse ซึ่งแตกต่างจาก Core Web Vitals
เครื่องมือ Google Lighthouse ยังทำงานกับตัวชี้วัดสามตัว โดยที่สองตัวนั้นเหมือนกับของ Core Web Vitals และนั่นคือ LCP, CLS และ TBT LCP (Largest Contentful Paint) จะวัดประสบการณ์การโหลดหน้าเว็บ และต้องมีคะแนน 2.5 วินาทีหรือต่ำกว่า CLS (Cumulative Layout Swift) วัดการโหลดภาพของหน้าเว็บ และต้องได้คะแนน 0.10 หรือน้อยกว่า TBT (เวลาบล็อกทั้งหมด) วัดการตอบสนองของหน้าเว็บ มีความเกี่ยวข้องกับ FID
ความแตกต่างหลักระหว่าง Core Web Vitals และ Lighthouse
บทสรุป
ความสำเร็จในระยะยาวของไซต์หรือหน้าเว็บใดๆ จำเป็นต้องมีคุณภาพของเนื้อหาและคุณลักษณะอื่นๆ ที่ปรับให้เหมาะสม ซึ่งจะนำการเข้าชมที่ดีมาสู่หน้าเว็บ ในทำนองเดียวกัน Google ได้สร้างและเปิดตัวเครื่องมือวัดจำนวนมากเพื่อรายงานประสิทธิภาพโดยรวมของหน้าเว็บในช่วงหลายปีที่ผ่านมา นักพัฒนาที่มีประสบการณ์บางคนพบว่าเครื่องมือเหล่านั้นใช้งานได้ง่าย ในขณะที่บางคนก็ให้คะแนนว่าเครื่องมือเหล่านั้นเป็นเครื่องมือที่รับมือได้ยาก
เครื่องมือเหล่านี้จะกรองเนื้อหาและหน้าเว็บโดยอัตโนมัติตามเมตริก ซึ่งได้รับการออกแบบมาเพื่อให้ชัดเจนมากที่สุดเท่าที่จะเป็นไปได้ เพื่อทำให้หน้าเว็บได้รับการปรับให้เหมาะสมกับคุณภาพของเนื้อหาและอื่นๆ อย่างเต็มที่ มีตัววัดสี่ตัวที่สองตัวเหมือนกันสำหรับเครื่องมือทั้งสอง (Core Web Vitals และ Lighthouse) ในขณะที่ตัวหนึ่งจะแตกต่างกันในกรณีของเครื่องมือ Lighthouse หน่วยเมตริก ได้แก่ LCP, CLS, FID และ TBT
อ้างอิง
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281% 29.pdf?sequence=2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
