Skip to main content

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

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

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

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

Avg Frame Time
Stutters

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

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

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

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

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

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

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

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

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

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 ในเบราว์เซอร์ของคุณ ไม่มีข้อมูลใดออกจากอุปกรณ์ของคุณ