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

Barry Pollard
Connor Clark
Connor Clark
X GitHub

เผยแพร่: 10 ต.ค. 2025

Lighthouse เป็นเครื่องมือตรวจสอบเว็บไซต์ที่ช่วยนักพัฒนาซอฟต์แวร์ด้วยเมตริก ข้อมูลเชิงลึก และการวินิจฉัยเพื่อปรับปรุงประสบการณ์ของผู้ใช้ในเว็บไซต์

Lighthouse 13 พร้อมใช้งานทันทีในบรรทัดคำสั่งผ่าน npm ใน Chrome Canary และจะพร้อมใช้งานใน PageSpeed Insights ภายในสัปดาห์หน้า ฟีเจอร์นี้จะพร้อมใช้งานใน Chrome เวอร์ชันเสถียรใน Chrome 143

ดูรายการการเปลี่ยนแปลงทั้งหมดได้ในบันทึกการเปลี่ยนแปลงของเวอร์ชัน 13.0

การนำการตรวจสอบประสิทธิภาพต่างๆ ออก ซึ่งถูกแทนที่ด้วยข้อมูลเชิงลึกใหม่กว่า

ตามที่ได้ประกาศไว้ก่อนหน้านี้ เราได้รวมการตรวจสอบประสิทธิภาพของ Lighthouse และข้อมูลเชิงลึกจากแผงประสิทธิภาพของ DevTools ไว้ในข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพทั่วไปที่พร้อมใช้งานในทั้ง 2 เครื่องมือ

ใน Lighthouse 12 เราได้เปลี่ยนมุมมองเริ่มต้นในรายงาน Lighthouse เพื่อแสดงข้อมูลเชิงลึกเหล่านี้ และใน Lighthouse 13 เราจะนำการตรวจสอบแบบเก่าออกจากทั้งรายงานและ JSON พื้นฐาน

เราขอขอบคุณชุมชนสำหรับความคิดเห็นที่ช่วยปรับปรุงข้อมูลเชิงลึก ซึ่งทำให้การเปลี่ยนแปลงเป็นไปอย่างราบรื่นยิ่งขึ้น

การตรวจสอบต่อไปนี้ได้รับการแทนที่จาก Lighthouse 13 เป็นต้นไป และการตรวจสอบที่ถูกแทนที่จะไม่พร้อมใช้งานอีกต่อไปในเวอร์ชันนี้

รหัสการตรวจสอบข้อมูลเชิงลึกใหม่ การแทนที่รหัสการตรวจสอบ
cls-culprits-insight layout-shifts
document-latency-insight redirects
server-response-time
uses-text-compression
dom-size-insight dom-size
duplicated-javascript-insight duplicated-javascript
font-display-insight font-display
image-delivery-insight modern-image-formats
uses-optimized-images
efficient-animated-content
uses-responsive-images
interaction-to-next-paint-insight work-during-interaction
lcp-discovery-insight prioritize-lcp-image
lcp-lazy-loaded
lcp-phases-insight largest-contentful-paint-element
legacy-javascript-insight legacy-javascript
modern-http-insight uses-http2
network-dependency-tree-insight critical-request-chains
uses-rel-preconnect
render-blocking-insight render-blocking-resources
third-parties-insight third-party-summary
use-cache-insight uses-long-cache-ttl
viewport-insight viewport
การตรวจสอบที่เปลี่ยนชื่อและรวมกัน

การตรวจสอบที่ถูกนำออก

นอกเหนือจากการแทนที่ที่กล่าวถึงข้างต้น เราได้นำการตรวจสอบต่อไปนี้ออกโดยไม่มีการแทนที่ เนื่องจากเห็นว่าการตรวจสอบเหล่านี้ไม่มีประโยชน์อีกต่อไป

การตรวจสอบที่ถูกนำออก เหตุผลในการนำออก
first-meaningful-paint เมตริกเก่าที่ไม่แนะนําให้ใช้แล้ว (แทนที่ด้วย LCP)
font-size แม้ว่าแบบอักษรขนาดเล็กจะเป็นปัญหาด้านความสามารถในการอ่าน แต่ก็ไม่มีสัญญาณใดๆ ที่บ่งบอกว่าปัญหานี้ยังคงเป็นข้อกังวลด้าน SEO ในปัจจุบัน นอกจากนี้ การตรวจสอบนี้ยังมีค่าใช้จ่ายสูงมากในการดำเนินการและบำรุงรักษา
no-document-write ปัจจุบันปัญหานี้แทบไม่เกิดขึ้นในสคริปต์ของบุคคลที่หนึ่ง และไม่สามารถดำเนินการใดๆ กับสคริปต์ของบุคคลที่สามที่ใช้ปัญหานี้ได้
offscreen-images เบราว์เซอร์จะลดลำดับความสำคัญของรูปภาพนอกหน้าจออยู่แล้ว ดังนั้นแม้ว่าการโหลดแบบ Lazy จะช่วยลดแบนด์วิดท์ได้ แต่ก็ไม่น่าจะส่งผลต่อสิ่งที่ Lighthouse วัด
preload-fonts ไม่ได้เปิดใช้เนื่องจากมีความเสี่ยงที่จะแนะนำมากเกินไป
third-party-facades การตรวจสอบนี้ครอบคลุมฟาซาดที่จำกัด และนักพัฒนาแอปบางรายแสดงความกังวลเกี่ยวกับการใช้ฟาซาดของบุคคลที่สามที่ไม่มีส่วนเกี่ยวข้อง ท้ายที่สุดแล้ว เราอยากให้บุคคลที่สามปรับปรุงข้อเสนอของตนเองมากกว่าที่จะหาวิธีหลีกเลี่ยง
uses-passive-event-listeners ปัจจุบันปัญหานี้แทบไม่เกิดขึ้นในสคริปต์ของบุคคลที่หนึ่ง และไม่สามารถดำเนินการใดๆ กับสคริปต์ของบุคคลที่สามที่ใช้ปัญหานี้ได้
uses-rel-preload ไม่ได้เปิดใช้เนื่องจากมีความเสี่ยงที่จะแนะนำมากเกินไป
การตรวจสอบที่ถูกนำออก

เอกสารประกอบสำหรับการตรวจสอบข้อมูลเชิงลึกใหม่

เราได้จัดทำเอกสารการตรวจสอบใหม่และลิงก์จากรายงาน Lighthouse ใหม่ เราจะเก็บเอกสารเก่าไว้ในอนาคตอันใกล้เพื่อให้ Lighthouse เวอร์ชันก่อนหน้ายังคงลิงก์ไปยังเอกสารเหล่านั้นได้

การเปลี่ยนแปลงอื่นๆ

Lighthouse 13 ต้องใช้ Node 22.19 ขึ้นไป

การเรียกใช้ Lighthouse

Lighthouse พร้อมใช้งานในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome, npm (เป็นโมดูล Node และเครื่องมือ CLI) และเป็นส่วนขยายเบราว์เซอร์ (ใน Chrome และ Firefox) นอกจากนี้ยังขับเคลื่อนบริการต่างๆ ของ Google รวมถึง PageSpeed Insights ด้วย

หากต้องการลองใช้ Lighthouse Node CLI ให้ใช้คำสั่งต่อไปนี้

npm install -g lighthouse
lighthouse https://www.example.com --view

ติดต่อทีม Lighthouse

หากต้องการพูดคุยเกี่ยวกับฟีเจอร์ใหม่ การเปลี่ยนแปลงในการเปิดตัว Lighthouse 13 หรือสิ่งอื่นๆ ที่เกี่ยวข้องกับ Lighthouse