가이드

Volume Shader가 느리거나 검은 화면에서 멈추나요? 해결 방법 8가지

매우 낮은 FPS, 검은 화면, 멈춘 canvas, WebGL 2.0, 하드웨어 가속, GPU 선택, 배터리 제한과 발열 문제를 해결합니다.

🚀 volumeshadertest
6월 24일
4분 소요
Volume Shader가 느리거나 검은 화면에서 멈추나요? 해결 방법 8가지

Volume Shader BM Test의 FPS가 매우 낮거나 canvas가 검게 보이거나 화면이 멈춘다면 아래 항목을 순서대로 확인하세요. 부하가 너무 무거운 경우와 브라우저 또는 GPU 설정 문제를 구분할 수 있습니다.

빠른 답변

  1. 브라우저가 외장 GPU 대신 내장 GPU를 사용하고 있습니다.
  2. 브라우저 설정에서 하드웨어 가속이 꺼져 있습니다.
  3. Light 또는 Medium을 써야 할 기기에서 Heavy 또는 Extreme을 실행하고 있습니다.
  4. 열 스로틀링 — 노트북이 배터리로 작동 중이거나 휴대폰이 과열되었습니다.
  5. 다른 탭(동영상, Maps, WebGL 광고)이 GPU를 함께 사용하고 있습니다.
  6. WebGL 2.0을 사용할 수 없거나 그래픽 컨텍스트가 손실되었습니다.
  7. 브라우저 확장 프로그램이 canvas 또는 GPU 렌더링을 방해합니다.
  8. 브라우저 또는 GPU 드라이버를 업데이트해야 합니다.

1. 잘못된 GPU가 사용되고 있습니다

내장 그래픽과 외장 그래픽이 모두 있는 노트북에서는 Chrome / Edge / Firefox가 배터리 절약을 위해 내장 GPU를 기본으로 사용하는 경우가 많습니다. chrome://gpu 또는 edge://gpu 를 열고 "GL_RENDERER" 를 확인하세요. NVIDIA 또는 AMD GPU가 있는 기기인데 Intel UHD / Iris가 표시된다면, 운영체제의 그래픽 설정에서 브라우저를 고성능으로 사용하도록 설정하세요.

2. 하드웨어 가속이 비활성화되어 있습니다

Chrome / Edge에서는 설정 → 시스템 → "Use graphics acceleration when available" 을 확인하세요. Safari에는 토글이 없지만, 일부 구형 macOS에서는 개인정보 보호 브라우징이 WebGL 가속을 비활성화할 수 있으므로 사용 중이 아닌지 확인하세요.

3. 테스트 모드가 너무 무겁습니다

Heavy와 Extreme은 픽셀당 1,000회가 넘는 셰이더 반복을 실행하므로 낮은 FPS가 반드시 오류를 뜻하지는 않습니다. Light부터 시작해 한 단계씩 올리고 FPS 결과 가이드에서 지표 해석 방법을 확인하세요.

4. 열 스로틀링

Heavy 실행 전에 노트북을 전원에 연결하고 배터리 절약 모드를 끄세요. 휴대폰과 얇은 노트북은 열이 쌓이면 GPU 클럭을 낮추므로 다음 결과를 비교하기 전에 기기를 식히세요. 휴대폰 GPU 테스트 가이드는 Android와 iOS 점검 방법을 설명합니다.

5. 백그라운드 탭이 GPU를 사용하고 있습니다

다른 창의 YouTube 동영상이나 Google Maps 탭은 프레임 예산을 빼앗습니다. 해당 탭을 닫고 Volume Shader BM을 다시 로드한 뒤 다시 실행하세요.

6. WebGL 2.0을 사용할 수 없거나 검은 화면에서 멈춤

canvas가 계속 검거나 한 프레임에서 멈추거나 WebGL을 사용할 수 없다는 메시지가 나오면 WebGL GPU 테스트 가이드에서 WebGL 2.0과 하드웨어 가속을 확인한 뒤 페이지를 다시 로드하세요. GPU 부하가 큰 다른 탭을 닫고 브라우저를 재시작하면 손실된 컨텍스트가 복구되기도 합니다.

7. 브라우저 확장 프로그램 충돌

개인정보 보호, 스크립트 차단, canvas 보호, GPU overlay 확장 프로그램은 WebGL을 차단하거나 변경할 수 있습니다. 깨끗한 브라우저 프로필을 사용하거나 이 사이트에서 확장 프로그램을 잠시 끄고 동일한 모드를 다시 실행하세요.

8. 브라우저 또는 GPU 드라이버가 오래됨

브라우저와 GPU 드라이버를 업데이트하고 브라우저를 재시작한 뒤 WebGL 가속을 다시 확인하세요. 한 브라우저에서만 실패하면 다른 최신 브라우저로 테스트해 브라우저 문제인지 기기 전체 그래픽 문제인지 구분하세요.

테스트 다시 실행

수정을 적용한 뒤 다시 측정해 차이를 확인하세요.

Volume Shader BM 테스트 다시 실행 →

관련 가이드

태그
문제 해결성능브라우저