หลังจากนำ Lighthouse เข้ามาในชีวิตของเรา จำนวนเกณฑ์ประสิทธิภาพที่ส่งผลโดยตรงต่อหัวข้อต่างๆ เช่น UX และ SEO ก็เพิ่มขึ้น การประเมินที่ทำโดยดูที่บางจุดบนหน้าเว็บในการตั้งค่า Google Pagespeed แบบเก่าได้รับการปรับปรุงด้วยวิธีการที่วิศวกรของ Google พัฒนาขึ้นในช่วงหลายปีที่ผ่านมา ในบทความนี้ เราจะพยายามตรวจสอบว่าคะแนน Lighthouse มีการคำนวณอย่างไร

ในปี 2024 เกณฑ์การปฏิบัติงานสำหรับ Lighthouse เวอร์ชัน 10 มีดังนี้:

  • สีความพึงพอใจครั้งแรก - 10%
  • ดัชนีความเร็ว - 10%
  • สีที่มีความพึงพอใจมากที่สุด - 25%
  • เวลาปิดกั้นทั้งหมด - 30%
  • การเปลี่ยนแปลงเค้าโครงสะสม - 25%

นวัตกรรมที่สำคัญที่สุดเมื่อเทียบกับเวอร์ชันก่อนหน้า Lighthouse 5 คือการเพิ่ม CLS (Cumulative Layout Shift) เมตริกนี้ซึ่งได้รับการประกาศว่าเป็นเกณฑ์ประสิทธิภาพที่สำคัญสำหรับ SEO ณ เดือนมิถุนายน 2024 อาจมีความสำคัญอย่างมากในปีต่อๆ ไป

 

ประภาคาร-tool.png

 

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

หากคุณถามว่ารหัสสีใช้ช่วงตัวเลขใด คุณสามารถตรวจสอบช่วงด้านล่างได้ การเห็นสีเขียวในการประเมินเหล่านี้หมายความว่าคุณประสบความสำเร็จ:

  • 0-49 (แย่): สีแดง
  • 50-90 (ต้องปรับปรุง): สีส้ม
  • 90+ (ดี): สีเขียว

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

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

วิธีที่ง่ายที่สุดในการทดสอบ Lighthouse คือการใช้เบราว์เซอร์ Chrome เข้าสู่เมนู "ตรวจสอบ" คลิกที่แท็บ "ประภาคาร" จากนั้นคลิกปุ่ม "สร้างรายงาน" การคำนวณซึ่งจะใช้เวลาประมาณ 8-10 วินาที เสร็จสิ้นโดยพิจารณาจากอุปกรณ์และความเร็วอินเทอร์เน็ตที่แตกต่างกัน

ที่มา: https://web.dev/performance-scoring/