ข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพจะให้ข้อมูลเชิงลึกที่นำไปใช้ได้จริงเกี่ยวกับประสิทธิภาพของเว็บไซต์ และพร้อมใช้งานทั้งในแผงประสิทธิภาพของ DevTools และ Lighthouse
แผงประสิทธิภาพของเครื่องมือสำหรับนักพัฒนาเว็บ การตรวจสอบประสิทธิภาพของ Lighthouse
ระบุตัวเลือก CSS ที่ซับซ้อนซึ่งใช้เวลานานสำหรับเบราว์เซอร์ในการจับคู่กับองค์ประกอบในหน้าเว็บ
ระบุสาเหตุที่คำขอเอกสาร HTML ใช้เวลานานกว่าที่คาดไว้
ระบุโมดูลหรือโค้ด JavaScript ที่เหมือนกันซึ่งโหลดหลายครั้งภายในหน้าเว็บเดียว
ประเมินพร็อพเพอร์ตี้ CSS `font-display` เพื่อให้มั่นใจว่าข้อความจะยังคงมองเห็นได้ในขณะที่กำลังโหลดฟอนต์ที่กำหนดเอง
ระบุเมื่อ JavaScript บังคับให้เบราว์เซอร์คำนวณเลย์เอาต์ของหน้าเว็บใหม่ ซึ่งอาจทำให้เกิดปัญหาด้านประสิทธิภาพ
แนะนำวิธีเพิ่มประสิทธิภาพการโหลดรูปภาพ เช่น การใช้รูปแบบที่ทันสมัยอย่าง AVIF หรือ WebP และการตรวจสอบว่ามีการปรับขนาดอย่างถูกต้อง
แสดงส่วนย่อยของ INP เพื่อช่วยระบุโอกาสในการเพิ่มประสิทธิภาพเพื่อปรับปรุง INP
ระบุองค์ประกอบ DOM ที่เฉพาะเจาะจงซึ่งทำให้เกิดการเคลื่อนไหวที่ไม่คาดคิดในหน้าเว็บ ซึ่งส่งผลต่อ Cumulative Layout Shift
แสดงส่วนย่อยของ LCP เพื่อช่วยระบุโอกาสในการเพิ่มประสิทธิภาพเพื่อปรับปรุง LCP
ระบุสาเหตุที่คำขอรูปภาพ LCP ใช้เวลานานกว่าที่คาดไว้
แจ้งโค้ด JavaScript ที่ล้าสมัยซึ่งอาจช้ากว่าและไม่จำเป็นสำหรับเบราว์เซอร์สมัยใหม่ส่วนใหญ่
ตรวจสอบโปรโตคอลเครือข่ายที่ใหม่กว่า เช่น HTTP/2 หรือ HTTP/3 เพื่อปรับปรุงการมัลติเพล็กซ์และความเร็วของคำขอและการตอบกลับ
ระบุห่วงโซ่การขึ้นต่อกันที่สำคัญซึ่งบล็อกการแสดงผลเริ่มต้นของหน้าเว็บ
ระบุเมื่อมีองค์ประกอบ HTML จำนวนมากในหน้าเว็บ ซึ่งอาจส่งผลต่อประสิทธิภาพการแสดงผล
ตรวจสอบว่าได้กำหนดค่าวิวพอร์ตของหน้าเว็บอย่างถูกต้องเพื่อให้มั่นใจว่าวิวพอร์ตจะไม่ทำให้เกิดการหน่วงเวลาในการแตะ 300 มิลลิวินาทีในอุปกรณ์เคลื่อนที่
ระบุทรัพยากรที่บล็อกการแสดงผลเริ่มต้นของหน้าเว็บ ซึ่งทำให้ LCP ล่าช้า
แสดงรายการทรัพยากรของบุคคลที่สามที่โหลดในหน้าเว็บ
ระบุนโยบายการแคชที่ไม่เหมาะสมซึ่งอาจทำให้มีการดาวน์โหลดที่ไม่จำเป็นเมื่อเข้าชมหน้าเว็บซ้ำ