디스플레이가 부드러운 프레임을 전달하고 있나요?
프레임별 타이밍을 분석하여 스터터, 마이크로 히치, 불규칙한 프레임 전달을 감지합니다. 1% low 프레임 시간과 프레임 시간 분산을 확인하세요 — 모두 브라우저에서 로컬로 처리됩니다.
이 테스트는 requestAnimationFrame 타임스탬프를 사용하여 렌더링된 각 프레임 사이의 시간을 측정하고, 평균 프레임 시간, 분산, 1% low, 그리고 프레임 시간이 평균의 2배를 초과하는 스터터 이벤트를 감지합니다.
60Hz에서 각 프레임은 정확히 16.67ms가 걸려야 합니다. 한 프레임이 33ms(하나의 드롭 프레임)가 걸리면 대부분의 사용자가 마이크로 스터터로 인지할 수 있습니다.
Avg Frame Time—
Stutters—
결과는 무엇을 의미하나요?
| 결과 | 범위 | 의미 |
|---|---|---|
| 양호 | 프레임 시간 분산 2ms 미만, 스터터 이벤트 없음 | 브라우저가 일관되게 프레임을 전달하고 있습니다. 프레임 시간이 목표 간격 주위에 밀집되어 있어 프레임 드롭 없이 부드러운 렌더링을 나타냅니다. |
| 주의 | 프레임 시간 분산 2–5ms, 간헐적 스터터 | 경미한 프레임 시간 불일치가 감지되었습니다. 백그라운드 프로세스, 브라우저 확장 프로그램 또는 GPU 서멀 스로틀링이 간헐적 프레임 드롭을 유발할 수 있습니다. |
| 불량 | 프레임 시간 분산 5ms 초과 또는 빈번한 스터터 이벤트 | 심각한 프레임 타이밍 문제입니다. 눈에 보이는 스터터링을 유발합니다. 백그라운드 CPU/GPU 부하를 확인하고, 하드웨어 가속 충돌을 비활성화하거나, 리소스를 많이 사용하는 브라우저 탭을 닫으세요. |
일반적인 문제 및 해결 방법
몇 초마다 일관된 스터터링 발생
이는 가비지 컬렉션 일시 정지 또는 백그라운드 탭 스로틀링을 나타내는 경우가 많습니다. 다른 브라우저 탭을 닫고, 불필요한 확장 프로그램을 비활성화하고, 브라우저 설정에서 하드웨어 가속이 활성화되어 있는지 확인하세요.
프레임 시간이 내 주사율 대비 예상보다 높음
OS 디스플레이 설정에서 모니터가 실제로 예상 주사율로 작동하는지 확인하세요. 일부 모니터는 더 높은 주사율을 지원하더라도 60Hz가 기본값입니다. 또한 브라우저가 절전 모드에 의해 스로틀링되고 있지 않은지 확인하세요.