Frame timing คืออะไรและทำไมถึงสำคัญ?

Frame timing วัดว่าแต่ละเฟรมใช้เวลาเรนเดอร์นานเท่าไร แม้ FPS เฉลี่ยจะสูง เวลาเฟรมที่ไม่สม่ำเสมอก็ทำให้เกิดการกระตุกที่มองเห็นได้ เกมที่ทำงานที่ 60 FPS ด้วยเฟรมสม่ำเสมอ 16.67ms รู้สึกราบรื่นกว่าเกมเฉลี่ย 60 FPS ที่สลับระหว่างเฟรม 8ms และ 25ms

เวลาเฟรม 1% ต่ำสุดคืออะไร?

1% ต่ำสุดแสดงถึง 1% ที่แย่ที่สุดของเวลาเฟรมระหว่างการทดสอบ เปิดเผยว่าการกระตุกที่แย่ที่สุดรุนแรงแค่ไหน หากเวลาเฟรมเฉลี่ยคือ 16.7ms แต่ 1% ต่ำสุดคือ 50ms แสดงว่าคุณกำลังประสบกับการกระตุกพุ่งสูงอย่างมาก

การทดสอบนี้วัดอัตรารีเฟรชของจอมอนิเตอร์หรือไม่?

โดยอ้อม ใช่ callback ของ requestAnimationFrame ของเบราว์เซอร์ทำงานที่อัตรารีเฟรชของจอแสดงผล หากเฟรมมุ่งเป้า 16.67ms อย่างสม่ำเสมอ คุณกำลังทำงานที่ 60Hz ที่ 6.94ms คือ 144Hz การทดสอบรายงานอัตรารีเฟรชที่ตรวจพบ

มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ การวัด frame timing ทั้งหมดถูกบันทึกผ่าน requestAnimationFrame ในเบราว์เซอร์ของคุณ ไม่มีข้อมูลใดออกจากอุปกรณ์ของคุณ

หน้าจอของคุณส่งเฟรมที่ลื่นไหลหรือไม่?

วิเคราะห์ไทมิ่งทีละเฟรมเพื่อตรวจจับการกระตุก การสะดุดเล็กน้อย และการส่งเฟรมที่ไม่สม่ำเสมอ ดูเวลาเฟรม 1% ต่ำสุดและความแปรปรวนของเวลาเฟรม — ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ

การทดสอบนี้ใช้ timestamp ของ requestAnimationFrame เพื่อวัดเวลาระหว่างแต่ละเฟรมที่เรนเดอร์ คำนวณเวลาเฟรมเฉลี่ย ความแปรปรวน 1% ต่ำสุด และตรวจจับเหตุการณ์กระตุกเมื่อเวลาเฟรมเกิน 2 เท่าของค่าเฉลี่ย

ที่ 60Hz แต่ละเฟรมควรใช้เวลา 16.67ms พอดี เฟรมเดียวที่ใช้เวลา 33ms (เฟรมตกหนึ่งเฟรม) ผู้ใช้ส่วนใหญ่จะรับรู้ได้ว่าเป็นการกระตุกเล็กน้อย

Avg Frame Time—

Stutters—

ผลลัพธ์ของคุณหมายความว่าอย่างไร?

Result	Range	Meaning
ดี	ความแปรปรวนของเวลาเฟรมต่ำกว่า 2ms ไม่มีเหตุการณ์กระตุก	เบราว์เซอร์ของคุณส่งเฟรมอย่างสม่ำเสมอ เวลาเฟรมอยู่รวมกันแน่นรอบช่วงเป้าหมาย แสดงถึงการเรนเดอร์ที่ราบรื่นโดยไม่มีเฟรมตก
เตือน	ความแปรปรวนของเวลาเฟรม 2–5ms กระตุกเป็นครั้งคราว	ตรวจพบความไม่สม่ำเสมอเล็กน้อยของเวลาเฟรม กระบวนการพื้นหลัง ส่วนขยายเบราว์เซอร์ หรือการลดความเร็ว GPU จากความร้อนอาจทำให้เฟรมตกเป็นครั้งคราว
แย่	ความแปรปรวนของเวลาเฟรมมากกว่า 5ms หรือเหตุการณ์กระตุกบ่อยครั้ง	ปัญหา frame timing ที่สำคัญ ทำให้เกิดการกระตุกที่มองเห็นได้ ตรวจสอบโหลด CPU/GPU พื้นหลัง ปิดการขัดแย้งของการเร่งฮาร์ดแวร์ หรือปิดแท็บเบราว์เซอร์ที่ใช้ทรัพยากรมาก

ปัญหาทั่วไปและวิธีแก้ไข

กระตุกสม่ำเสมอทุกไม่กี่วินาที

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

เวลาเฟรมสูงกว่าที่คาดไว้สำหรับอัตรารีเฟรชของฉัน

ตรวจสอบในการตั้งค่าจอแสดงผลของ OS ว่าจอมอนิเตอร์ทำงานที่อัตรารีเฟรชที่คาดไว้จริง ๆ จอบางรุ่นตั้งค่าเริ่มต้นที่ 60Hz แม้จะรองรับสูงกว่า ตรวจสอบด้วยว่าเบราว์เซอร์ไม่ถูกจำกัดโดยโหมดประหยัดพลังงาน

หน้าจอของคุณส่งเฟรมที่ลื่นไหลหรือไม่?

ผลลัพธ์ของคุณหมายความว่าอย่างไร?

ปัญหาทั่วไปและวิธีแก้ไข

เครื่องมือที่เกี่ยวข้อง

ทดสอบรีเฟรชเรต

ตัวนับ FPS

ทดสอบอินพุตแล็ก

คำถามที่พบบ่อย