실행되지 않은 코드
각 JavaScript 파일의 크기와 페이지 로딩 중 실행되지 않은 코드의 비율입니다.
웹사이트 JavaScript 분석
어떤 스크립트가 로드되고 어떤 코드가 실행되며 어떤 JavaScript 오류가 발생하는지 확인하세요. 스캐너는 클릭이나 스크롤 없이 한 번의 페이지 로드만 관찰합니다. 발견 사항을 바탕으로 다음에 조사할 항목을 선택하세요.
검사 항목
Chromium에서 페이지 한 번의 로딩을 검사합니다. 클릭이나 스크롤은 수행하지 않습니다.
메인 스레드 활동
페이지 로딩 중 스크립트 실행 시간, 긴 작업, 메모리 사용량입니다.
스크립트 로딩
파일 크기와 전송량, HTTP 상태, 로딩 시간, async·defer·module·동적 import 등의 로딩 방식입니다.
서드파티 스크립트
호스트 이름이 다른 스크립트의 URL, 크기, 로딩 방식입니다.
JavaScript 오류
콘솔 메시지, 처리되지 않은 예외, 더 이상 권장되지 않는 API에 대한 브라우저 경고입니다.
번들 구성
유효하고 읽을 수 있는 소스 맵이 있을 때 소스 모듈을 매핑할 수 있습니다. 소스 맵이 없거나 지원되지 않으면 이 부분은 불완전하지만 리소스와 오류 검사는 계속 작동합니다.
결과 읽는 방법
실행되지 않은 코드를 삭제해도 되나요?
이 보고서만으로 판단할 수는 없습니다. 로딩 중 실행되지 않은 코드도 클릭이나 스크롤 후 또는 다른 페이지 상태에서 필요할 수 있습니다. 삭제하기 전에 해당 동작을 확인하세요.
서드파티 스크립트는 어떻게 구분하나요?
스캐너가 스크립트와 페이지의 호스트 이름을 비교합니다. 하위 도메인과 자체 CDN도 이 그룹에 포함됩니다. 이 분류만으로 문제가 있다는 뜻은 아닙니다.
소스 맵이 필요한가요?
기본 리소스 및 오류 보고서는 소스 맵 없이도 작동합니다. 번들 내부의 소스 모듈을 검사하려면 지원되는 형식의 유효하고 읽을 수 있는 맵이 필요합니다. 모듈 맵이 없다는 사실은 번들에 실행되지 않은 코드가 없다는 증거가 아닙니다.
관련 서비스
이 서비스 다음으로 점검할 항목
로드 속도
선택한 기기와 네트워크 설정으로 페이지 로딩을 점검하세요. 속도 측정값, 문제점, 개선 제안을 확인할 수 있습니다.
열기메모리 누수
페이지 이동을 반복한 뒤에도 메모리에 남는 데이터를 찾아보세요. 메모리 누수 가능성과 쌓이는 데이터를 확인할 수 있습니다.
열기CSS 감사
용량이 큰 스타일시트, 중복, 로딩 중 사용되지 않은 스타일을 찾아보세요. 사용되지 않은 스타일도 다른 페이지나 사용자 동작 후에 필요할 수 있습니다.
열기페이지 반응 속도 (INP)
자동화된 동작에 페이지가 얼마나 빠르게 반응하는지 측정하세요. 테스트 중 발생하는 지연을 찾아보세요.
열기