เวลาในการตอบสนองต่ออินพุตโดยประมาณ

เวลาในการตอบสนองต่ออินพุตโดยประมาณเป็น 1 ใน 6 เมตริกที่ติดตามในส่วนประสิทธิภาพของรายงาน Lighthouse แต่ละเมตริกจะแสดงข้อมูลของความเร็วในการโหลดหน้าเว็บ

รายงาน Lighthouse จะแสดงเวลาในการตอบสนองต่ออินพุตโดยประมาณเป็นมิลลิวินาที

ภาพหน้าจอของการตรวจสอบเวลาในการตอบสนองต่ออินพุตโดยประมาณของ Lighthouse

เวลาในการตอบสนองต่ออินพุตโดยประมาณวัดใดบ้าง

เวลาในการตอบสนองต่อการป้อนข้อมูลโดยประมาณเป็นค่าประมาณของระยะเวลาที่แอปใช้ในการตอบสนองต่อข้อมูลจากผู้ใช้ระหว่างการโหลดหน้าเว็บที่คึกคักที่สุด 5 วินาที ระยะเวลาของการตรวจสอบนี้มาจาก First Meaningful Paint จนถึงจุดสิ้นสุดของการติดตาม ซึ่งใช้เวลาประมาณ 5 วินาทีหลังจาก Time to Interactive หากเวลาในการตอบสนองนานกว่า 50 มิลลิวินาที ผู้ใช้อาจรู้สึกว่าแอปช้า

โมเดลประสิทธิภาพ RAIL แนะนำให้แอปตอบสนองต่อข้อมูลจากผู้ใช้ภายใน 100 มิลลิวินาที ขณะที่คะแนนเป้าหมายเวลาในการตอบสนองต่ออินพุตโดยประมาณของ Lighthouse คือ 50 มิลลิวินาที Lighthouse ใช้เมตริกพร็อกซี (ความพร้อมใช้งานของเทรดหลัก) เพื่อวัดว่าแอปตอบสนองต่ออินพุตของผู้ใช้ได้ดีเพียงใด

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

ผู้ใช้ประมาณ 90% จะพบเวลาในการตอบสนองของอินพุตที่รายงานของ Lighthouse หรือน้อยกว่านั้น ผู้ใช้ 10% คาดว่าจะได้รับเวลาในการตอบสนองสูงขึ้น

วิธีปรับปรุงคะแนนเวลาในการตอบสนองต่ออินพุตโดยประมาณ

เพื่อให้แอปตอบสนองต่อข้อมูลจากผู้ใช้ได้เร็วขึ้น ให้เพิ่มประสิทธิภาพวิธีเรียกใช้โค้ดในเบราว์เซอร์ ดูชุดเทคนิคต่างๆ ที่ระบุไว้ในหน้าประสิทธิภาพการแสดงผลของ Google เคล็ดลับเหล่านี้มีตั้งแต่การลดภาระการคำนวณไปจนถึงการใช้ Web Worker เพื่อเพิ่มพื้นที่ว่างในเทรดหลัก การเปลี่ยนโครงสร้างตัวเลือก CSS เพื่อคำนวณน้อยลง ไปจนถึงการใช้พร็อพเพอร์ตี้ CSS ที่ลดปริมาณการดำเนินการที่ใช้เบราว์เซอร์มาก

วิธีวัดเวลาในการตอบสนองต่ออินพุตโดยประมาณด้วยตนเอง

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

แหล่งข้อมูล