Lighthouse 13 มีอะไรใหม่

ตัดและแทนที่ audit บางตัว

ในเวอร์ชัน 13 – มีการ ถอน audit เดิมหลายตัว และแทนที่ด้วยชุด insight ใหม่. Chrome for Developer (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
ตัวอย่าง:

• layout-shifts ถูกแทนด้วย cls-culprits-insight Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• redirects → document-latency-insight Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• uses-text-compression → font-display-insight ฯลฯ Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
  การเปลี่ยนแปลงนี้ ไม่ ส่งผลต่อคะแนนประสิทธิภาพ ซึ่งยังคงอิงจากเมตริก (เช่น LCP, CLS) เหมือนเดิม. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
  เหตุผล: Audit เก่าหลายตัวซ้ําหรือมีประโยชน์น้อยลง → ทางทีมเลือกที่จะโฟกัสที่สิ่งที่ actionable จริง. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)

Audit ที่ถูก
ลบ ไปโดยไม่มีการแทน

มี audit บางตัวที่ถูกถอดออกและไม่มี “แทนที่” เพราะถูกประเมินว่า “ใช้ประโยชน์น้อยลง” หรือซ้ำซ้อน เช่น:

• first-meaningful-paint (FMP) metric เก่าที่ไม่ได้เน้นแล้ว → ถูกแทนด้วย LCP. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• font-size แม้เป็นประเด็นการอ่าน แต่ไม่มีสัญญาณว่าเป็นปัจจัย SEO ที่ชัดเจนและค่าใช้จ่ายในการวัดสูง. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• offscreen-images เบราว์เซอร์มีการจัดการ lazy-loading อย่างดีอยู่แล้ว → ลดประโยชน์ของ audit. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• อื่นๆ เช่น uses-passive-event-listeners, uses-rel-preload, ฯลฯ. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)

ข้อกำหนดใหม่ &วิธีใช้งาน

• เวอร์ชัน 13 ต้องใช้ Node.js v22.19 หรือสูงกว่า สำหรับ CLI/Node module. Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• คุณสามารถใช้งานได้ผ่าน:
  • CLI (npm)
  • Chrome DevTools
  • Extension (Chrome/Firefox)
  • PageSpeed Insights (จะได้รับอัปเดตภายในสัปดาห์หลังเปิดตัว) Chrome for Developers (https://developer.chrome.com/blog/lighthouse-13-0?ref=dailydev)
• ไม่มีการเปลี่ยนแปลงเรื่องวิธีคํานวณคะแนน หากเว็บไซต์ของคุณถูกต้องตามเมตริกเดิม คุณไม่ควรเห็นคะแนนตกลงด้วยเหตุผลของเวอร์ชันนี้โดยตรง.

สิ่งที่น่าสังเกต

• เพราะมีการ เปลี่ยน audit คุณอาจเห็นรายการตรวจสอบ (report items) ที่แปลกขึ้น หรือ audit เดิมหายไป สิ่งที่สำคัญคือผลลัพธ์ (metrics) และคำแนะนำใหม่.
• หากคุณมีระบบอัตโนมัติ (CI/CD) ที่ใช้ Lighthouse API/JSON parsing ให้ตรวจสอบว่า schema ใหม่รองรับ insight-audit ids ใหม่.
• ถ้าคุณพึ่ง audit เดิมเป็น checklist เช่น ใช้เพื่อรายงานทีม อาจต้องปรับ roadmap ให้สอดคล้องกับ audit แบบใหม่.
• แม้คะแนนยังคงวิธีคํานวณเดิมคำแนะนำเพื่อปรับปรุงอาจต่างออกไป เลือกคำแนะนำที่มี ค่าสำหรับเว็บไซต์ของคุณจริงๆ.

ทำไมสิ่งนี้ถึงมีความหมาย

• เป็นสัญญาณว่าเครื่องมือสำหรับเว็บ (โดยเฉพาะ performance/UX) กำลังวิว ไปในทางที่ โฟกัสผลลัพธ์และประสบการณ์ผู้ใช้ มากกว่าการใช้ checklist แบบเดิมๆ.
• สำหรับผู้พัฒนาใหญ่ (เช่น คุณ) ที่ใช้ Lighthouse ใน pipeline — เป็นเวลาที่ดีที่จะ อัปเดตความเข้าใจ และอาจ ปรับวิธีทำงาน เพื่อให้ได้ประโยชน์สูงสุด.
• แสดงให้เห็นว่าเว็บมีการเปลี่ยนแปลง — metric เก่าๆ อาจไม่สำคัญอีกต่อไป หรือเบราว์เซอร์/โครงสร้างพื้นฐานจัดการให้แล้ว — เราจึงต้องปรับกลยุทธ์.

สรุป

เวอร์ชัน 13 ของ Lighthouse เป็นการ clear-out audit เก่าและ มุ่งไปที่การวัดและคำแนะนำที่ทันสมัยขึ้น. ถ้าคุณเป็นนักพัฒนาเว็บโดยเฉพาะ Frontend Developer. นี่คือโอกาสดีที่จะรีวิว pipeline, รายงาน, และ checklist ของคุณให้สอดคล้องกับมาตรฐานใหม่. คะแนนอาจไม่เปลี่ยน แต่วิธีที่คุณอ่าน ผลและวางแผนปรับปรุงน่าจะเปลี่ยน.