반응속도 테스트

화면이 바뀌는 순간을 얼마나 빨리 알아챌까

짙은 상자를 누르면 회색 ‘기다리세요’ 화면이 되고, 2~5초 사이 무작위 시점에 파란색으로 바뀌어요. 파란색이 보이는 순간 마우스를 클릭하거나, 화면을 탭하거나, 스페이스 키를 누르세요. 걸린 시간이 밀리초(ms, 1초의 1000분의 1) 단위로 나오고, 정한 횟수(기본 5번)를 다 재면 평균·가장 빠른 기록·중앙값을 보여 줘요. 파란색이 되기 전에 누르면 ‘너무 빨랐어요’가 뜨고 그 회차는 기록하지 않고 다시 재요.

어떻게 재나요

기다리는 시간은 브라우저의 암호용 난수로 정해서 미리 예측할 수 없어요. 시작 시각은 파란 화면이 그려지는 프레임의 시각, 끝 시각은 브라우저가 클릭·탭·키 입력을 받은 시각(이벤트 타임스탬프)이라 자바스크립트가 바쁜 정도에 덜 흔들려요. 평균은 컨디션이나 실수로 한 번 크게 늦은 기록에 끌려가기 쉬워서, 가운데 값인 중앙값을 함께 보면 내 실력에 더 가까운 숫자를 알 수 있어요.

기기에 따라 결과가 달라요

측정값에는 내 반응 시간뿐 아니라 모니터가 화면을 바꾸는 데 걸리는 시간(주사율·응답 속도), 마우스·키보드·터치스크린이 입력을 보내는 데 걸리는 시간, 운영체제와 브라우저의 처리 시간이 모두 더해져요. 그래서 60Hz 휴대폰과 고주사율 게이밍 모니터, 블루투스 마우스와 유선 마우스의 결과가 수십 ms 차이 날 수 있어요. 다른 사람과 비교하기보다는 같은 기기에서 내 기록끼리 비교하는 게 정확해요. 이 페이지는 ‘보통 사람의 평균’ 같은 기준값을 보여 주지 않아요. 측정 환경이 제각각이라 그런 숫자와 비교하면 오해하기 쉽기 때문이에요.

기록 저장

측정이 끝날 때마다 날짜, 횟수, 평균, 가장 빠른 기록, 사용한 입력 방법(마우스·터치·키보드)이 이 브라우저에 최근 10회까지 저장되고, 5회 이상 잰 결과 중 가장 좋은 평균을 ‘내 최고 평균’으로 보여 줘요. 기록은 서버로 보내지 않으며 ‘기록 초기화’로 언제든 지울 수 있어요.

참고한 자료

• W3C High Resolution Time — performance.now()와 이벤트 타임스탬프의 시간 기준
• HTML Living Standard — requestAnimationFrame — 화면을 그리는 프레임 시각