세 가지 수치의 의미

이 테스트는 세 가지 수치를 보여줍니다. 이 수치들을 종합적으로 살펴보면 디스플레이의 작동 상태와 테스트 자체가 제대로 진행되고 있는지 여부를 알 수 있습니다.

화면 해상도

디스플레이의 픽셀 크기를 기기 픽셀 비율로 환산한 값입니다. 따라서 고밀도 화면의 경우 CSS 추정값이 아닌 실제 네이티브 해상도가 표시됩니다. 해상도 자체는 부드러움에 직접적인 영향을 미치지 않지만, 프레임 속도에 영향을 줍니다. 프레임당 픽셀 수가 많을수록 처리 부하가 커지므로, 동일한 하드웨어 환경에서도 매우 높은 해상도는 FPS를 떨어뜨릴 수 있습니다.

화면 FPS

가장 중요한 수치로, 브라우저가 실제로 디스플레이에 렌더링하는 초당 프레임 수입니다. 정상적인 환경에서는 이 수치가 패널의 주사율에 근접합니다. 즉, 60Hz 화면에서는 약 60, 120Hz 화면에서는 120, 144Hz 화면에서는 144 정도입니다. 이 수치가 명시된 주사율보다 훨씬 낮다면, 병목 현상은 패널보다 상류 단계에서 발생하고 있는 것이며, 아래의 ‘FPS가 주사율보다 낮은 이유’ 섹션에서 일반적인 원인을 다룹니다.

테스트 FPS

테스트 자체의 애니메이션이 실행되는 속도입니다. ‘Canvas FPS’ 컨트롤을 사용하면 이 속도를 의도적으로 제한할 수 있으며, 이는 동작 속도를 늦추고 개별 프레임을 분석할 때 유용합니다. 해당 컨트롤을 조정하지 않았다면 이 수치는 화면 FPS와 거의 일치해야 합니다. 만약 이 수치가 화면 FPS보다 훨씬 낮다면, 일반적으로 백그라운드 로딩이나 다른 탭의 과부하로 인해 페이지 자체의 성능이 저하되고 있는 것입니다.

정확한 측정값을 얻는 방법

테스트는 페이지가 로드되는 즉시 시작되며 지속적으로 업데이트됩니다. 다음 몇 가지 단계를 따르면 수치를 신뢰할 수 있습니다:

먼저 운영 체제의 디스플레이 설정에서 화면의 재생 빈도를 최고값으로 설정하여, 테스트가 패널의 실제 최대 성능에 도달할 수 있도록 하세요. Windows와 macOS 모두 새로운 디스플레이를 출시할 때, 사람들이 예상하는 것보다 낮은 값을 기본값으로 설정하는 경우가 많습니다. 재생 빈도를 확인하는 방법에 대한 가이드를 참고하세요.
캔버스 아래의 버튼을 사용하여 전체 화면 모드로 전환하세요. 이렇게 하면 브라우저 인터페이스와 기타 페이지 요소가 제거되어 가장 정확한 측정값을 얻을 수 있습니다.
부하가 큰 백그라운드 탭을 닫으세요. 화상 통화, 스트리밍, WebGL을 실행하는 모든 작업은 동일한 GPU 자원을 경쟁적으로 사용하게 됩니다.
노트북을 전원 어댑터에 연결하세요. 배터리 절약 모드는 GPU 성능을 제한하고 주사율을 낮추는데, 대개 사용자가 인지하지 못한 채로 작동합니다.
표시된 수치를 신뢰하기 전에 몇 초간 기다려 주십시오.
두 가지 모션 모드를 모두 시도해 보세요. ‘클래식’ 모드는 캔버스 위를 가로질러 두 개의 사각형을 이동시키고, ‘풍경’ 모드는 시간대에 따라 변화하는 픽셀 아트 장면을 스크롤합니다. 두 모드 모두 프레임당 고정된 픽셀 수만큼 이동하므로 움직임은 완벽하게 균일하며, 눈에 띄는 불규칙성은 테스트가 아닌 디스플레이의 문제입니다.

프레임 속도, FPS 및 재생 빈도

모션을 결정하는 세 가지 수치가 있는데, 이 세 가지는 혼동하기 쉽습니다. FPS로 표기되는 프레임 속도는 시스템이 1초당 생성하는 이미지 수를 의미합니다. 헤르츠(Hz) 단위로 측정되는 재생 빈도는 화면이 1초당 물리적으로 다시 그려질 수 있는 횟수를 나타냅니다. 이 두 수치는 상호 작용하며, 더 낮은 쪽이 한계를 정합니다. 즉, 60Hz 패널에서 200 FPS를 렌더링하는 그래픽 카드는 여전히 60 FPS만 표시되는 반면, 40 FPS가 입력되는 144Hz 화면은 프레임을 반복해서 표시합니다.

프레임 시간은 동일한 정보를 지속 시간으로 표현한 것으로, 각 프레임이 차지하는 밀리초 수를 의미합니다. 60 FPS와 120 FPS 사이의 차이는 120 FPS와 240 FPS 사이의 차이보다 훨씬 크기 때문에, 프레임 시간을 통해 이를 한눈에 파악할 수 있어 종종 더 유용한 개념으로 여겨집니다:

재생 빈도	프레임 시간	일반적으로 적용되는
30 Hz	33.3 ms	콘솔 비디오, 구형 HDMI 연결
60 Hz	16.7 ms	일반 사무용 모니터, 대부분의 노트북
90 Hz	11.1 ms	중급형 스마트폰 및 태블릿
120 Hz	8.3 ms	최신 스마트폰, TV, 게이밍 노트북
144 Hz	6.9 ms	일반적인 게이밍 모니터 표준
240 Hz	4.2 ms	e스포츠 경기용 디스플레이

60 FPS에서 30 FPS로 떨어지면 프레임당 16.7 ms가 손실됩니다. 144에서 240으로 올리면 2.7ms를 되찾을 수 있습니다. 이것이 바로 60에서 120으로 올라갈 때는 극적인 차이를 느끼지만, 144에서 240으로 올라갈 때는 미묘한 차이만 느껴지는 이유입니다.

왜 내 FPS가 주사율보다 낮은가요?

이것이 사람들이 프레임 속도 테스트를 실행하는 가장 흔한 이유이며, 144Hz 모니터에서 60이 표시된다고 해서 패널이 고장 난 경우는 거의 없습니다. 다음 사항을 순서대로 확인해 보세요:

디스플레이가 최대 주사율로 설정되어 있지 않습니다. 단연 가장 흔한 원인입니다. Windows와 macOS는 모니터가 훨씬 더 높은 주사율을 지원하더라도 새 모니터를 기본적으로 60Hz로 설정하는 경우가 많으며, 인터페이스상 이를 알려주는 항목은 없습니다.
브라우저에서 하드웨어 가속이 꺼져 있습니다. 이 기능이 없으면 렌더링이 CPU로 전환되어 프레임 속도가 급격히 떨어집니다. Chrome에서는 설정 → 시스템에서 확인할 수 있습니다.
케이블이나 포트가 한계입니다. 고해상도에서 높은 주사율을 구현하려면 DisplayPort나 최신 HDMI 규격의 대역폭이 필요합니다. 구형 케이블은 별다른 알림 없이 자동으로 60Hz로 낮춰집니다.
절전 모드가 성능을 제한하고 있습니다. 배터리로 작동하는 노트북은 사용 시간을 늘리기 위해 주기적으로 주사율을 제한하며, 과열된 기기는 어떤 전원 공급 장치에 연결되어 있든 속도가 느려집니다.
브라우저가 자체 애니메이션 속도를 제한하고 있습니다. 일부 브라우저는 백그라운드 또는 비활성 탭의 재생률을 낮게 제한합니다. 테스트 중인 탭을 활성화된 상태로 전면에 두십시오.
VSync 또는 프레임 제한 기능으로 인해 의도적으로 그 수준이 유지되고 있습니다. 정확히 60에 고정된 수치는 대개 제한된 상태이지, 성능 문제가 있는 것은 아닙니다.

수치가 정상으로 보이지만 움직임이 여전히 거칠게 느껴진다면, 원인은 순수한 속도가 아니라 프레임의 일관성 문제입니다. 가끔 늦게 나오는 프레임이 있더라도 평균이 꾸준히 120을 유지한다고 해도 여전히 끊김 현상이 발생합니다. 부드러운 움직임은 단순히 높은 프레임 수뿐만 아니라 균일한 프레임 타이밍에 달려 있기 때문입니다. 끊김 테스트는 이러한 문제를 직접적으로 드러냅니다.

이 테스트가 프레임 속도를 측정하는 방식

이 테스트는 requestAnimationFrame, 즉 브라우저 자체의 애니메이션 콜백에 연결되며, 이 콜백은 디스플레이 갱신 주기마다 한 번씩 호출됩니다. 짧은 시간 동안 이러한 콜백 횟수를 집계하면 브라우저가 실제로 제공하는 초당 프레임 수를 알 수 있습니다.

두 가지 솔직한 주의 사항이 있습니다. 첫째, 브라우저는 자체 출력을 합성하기 때문에 이 수치는 실험실 측정값이라기보다는 근사치에 가깝습니다. 화면 재생 빈도를 확인하거나 두 화면을 비교하고 문제를 진단하기에는 충분히 정확하지만, 오실로스코프를 대체할 수는 없습니다. 둘째, 이 테스트는 브라우저의 프레임 속도를 측정합니다. 이는 디스플레이와 시스템의 렌더링 경로를 반영하지만, 게임 벤치마크는 아닙니다. 게임 내 FPS를 확인하려면 게임 자체의 카운터나 모니터링 도구와 같은 오버레이를 사용해야 합니다.

프레임 속도를 넘어: 움직이는 영상의 나머지 요소

부드러운 움직임을 위해서는 높은 프레임 속도가 필요하지만, 그것만으로는 충분하지 않습니다. 물체가 움직일 때 화면이 실제로 얼마나 잘 보이는지는 몇 가지 다른 디스플레이 특성에 의해 결정되며, 여기에서는 각 특성에 대한 별도의 테스트를 진행합니다.

모션 블러 테스트 — 완벽한 프레임 속도를 유지하더라도, 눈은 계속 움직이는 반면 각 프레임은 정지된 상태로 유지되기 때문에 화면은 움직이는 디테일을 번지게 만듭니다. 이 테스트는 이러한 잔상 블러와 고스팅 현상을 측정합니다.
프레임 스키핑 테스트 — 일부 패널은 특히 오버클럭 상태일 때, 표시한다고 주장하는 프레임을 은밀하게 생략합니다. 카메라 기반 패턴을 통해 소프트웨어로는 포착할 수 없는 현상을 파악합니다.
스크린 티어링 테스트 — 프레임이 리프레시 주기와 동기화되지 않고 도착하면, 이미지가 움직이는 수평선을 따라 갈라집니다. VSync 또는 가변 리프레시 레이트가 제대로 작동하는지 확인합니다.
스터터 테스트 — 실시간 프레임 시간 그래프와 저크 카운터는 높은 평균 프레임 수치가 가리고 있는 지연된 프레임을 드러냅니다.
스크롤 부드러움 테스트 — 스크롤은 가장 자주 접하는 동작이며, 이 테스트는 브라우저가 이를 얼마나 균일하게 처리하는지 측정합니다.

자주 묻는 질문

내 모니터가 정말 144Hz인지 어떻게 알 수 있나요?

운영 체제 설정에서 디스플레이 주사율을 144Hz로 설정한 후, 다른 탭을 모두 닫은 상태에서 이 테스트를 전체 화면으로 실행하세요. 화면 FPS 수치가 144에 가까우면 패널이 해당 주사율을 제대로 출력하고 있음을 확인한 것입니다. 60으로 표시된다면 위에서 언급한 원인들을 하나씩 확인해 보세요. 대부분의 경우 케이블이나 운영 체제의 주사율 설정이 원인입니다.

이 프레임 속도 테스트는 정확한가요?

정확한 추정치입니다. 이 테스트는 브라우저가 렌더링하는 초당 프레임 수를 측정하며, 이는 디스플레이의 실제 출력과 매우 유사합니다. 브라우저가 자체적으로 프레임을 합성하기 때문에 실험실 수준의 측정값은 아니지만, 주사율을 확인하고 두 화면을 비교하며 성능 문제를 진단하기에는 충분히 신뢰할 수 있습니다.

적절한 프레임 속도는 얼마인가요?

60 FPS는 부드럽고 반응성이 뛰어난 움직임을 위한 통용되는 기준입니다. 게이머들은 고주사율 모니터에서 120, 144 또는 240을 목표로 하는 반면, 영화는 24로 재생되며 촬영 방식 덕분에 충분히 자연스럽게 보입니다. 적절한 목표치는 사용 중인 디스플레이와 사용 목적에 따라 달라집니다. 프레임 속도에 대한 당사의 가이드에서는 이러한 장단점을 다루고 있습니다.

프레임 속도가 높을수록 항상 더 좋아 보이나요?

모니터의 주사율 범위 내에서만 그렇습니다. 60Hz 화면에서 200 FPS를 렌더링하면 패널이 60만 표시할 수 있기 때문에 눈에 띄는 이득 없이 전력만 소모하게 됩니다. 목표 프레임률을 소유한 디스플레이에 맞추고, 당사의 주사율 가이드를 통해 해당 디스플레이가 지원하는 주사율을 확인하세요.

이 테스트는 휴대폰에서도 작동하나요?

네. 90Hz 또는 120Hz로 광고된 스마트폰이 실제로 해당 속도로 작동하는지 확인하는 데 유용한 방법입니다. 많은 기기가 배터리 절약 모드에서는 60Hz로 떨어지거나, 화면에 표시되는 내용에 따라 자동으로 속도를 조절하기 때문입니다.

왜 FPS가 계속 변하나요?

약간의 변동은 정상입니다. 이 수치는 짧은 시간 동안 샘플링된 것이며, 백그라운드 활동으로 인해 변동될 수 있습니다. 큰 변동은 다른 프로세스가 GPU 자원을 차지하고 있거나, 가변 주사율 기능이 실시간으로 패널을 조정하고 있음을 시사합니다.

기타 디스플레이 테스트

프레임 속도는 화면 성능이 부족할 수 있는 요소 중 하나입니다. DeadPixelTest.org는 디스플레이를 단색으로 채워 반품 기한이 만료되기 전에 불량 픽셀, 고착 픽셀 또는 과열 픽셀을 찾을 수 있게 해주며, 고착된 픽셀을 복구하기 위해 빠른 속도로 색상을 깜빡이는 복구 기능도 포함되어 있습니다. BackLightBleedTest.org는 순수한 검은색 화면을 표시하여 백라이트 블리드와 IPS 글로우(어두운 장면에서 LCD 가장자리 주변으로 새어 나오는 고르지 않은 빛)를 판단할 수 있게 해줍니다. 이는 어두운 방에서 평가하는 것이 가장 좋습니다.

프레임 속도 테스트 — 온라인에서 모니터의 실제 FPS 확인하기

사각형 1

사각형 2

캔버스 배경

기타 설정

속도

업데이트 속도