HAR 파일 인스펙터 (HTTP Archive 뷰어)

사용법

1. 최신 브라우저 DevTools → Network 탭. 프로파일할 페이지를 새로고침. 아무 요청에서 우클릭 → 'Save as HAR with content' (Chrome) / 'Save All As HAR' (Firefox) / 'Export HAR' (Safari).
2. .har 파일을 이 도구로 드롭 — 또는 클릭해서 디스크에서 선택.
3. 요약 타일에서 헤드라인 숫자 (엔트리 수, 총 바이트, 총 시간, 호스트 수) 확인.
4. 타입별·상태별 패널로 무게와 에러가 어디 쏠리는지 파악. 가장 느린·가장 큰 표가 뻔한 용의자 식별.
5. 엔트리 표를 URL 부분문자열·콘텐츠 타입·성공/에러로 필터. 크기·시간으로 정렬해 가장 무거운 항목 발굴.

자주 묻는 질문

HAR 파일이 뭔가요?

HTTP Archive 포맷 — W3C Web Performance 그룹이 관리하는 JSON 스펙. 모든 주요 브라우저의 DevTools 가 Network 패널을 .har 로 export 할 수 있어요. 각 요청의 타이밍 분해 (DNS, connect, SSL, wait, receive), 전체 요청·응답 헤더, (선택적으로) 응답 본문을 포함합니다. 이 도구는 표준 1.2 스키마를 읽어요.

응답 본문도 보이나요?

이 화면에서는 안 보입니다 — 메타데이터만 (URL, 상태, 크기, 시간, 콘텐츠 타입). HAR 는 export 시 'Include sources' / 'with content' 체크하면 실제 응답 페이로드를 포함할 수 있어요. 그 본문을 들여다보는 건 DevTools 가 더 잘하고, 이 도구는 요약하기 쉬운 요청 레벨 형태에 집중합니다.

크기는 어떻게 측정?

`response.content.size` (디코딩된 본문 바이트) 가 있고 양수면 그것을 쓰고, 아니면 `response.bodySize` (전송 바이트) 로 폴백. 리다이렉트나 캐시된 응답에서는 둘 다 0 이나 -1 일 수 있고, 그런 엔트리는 여기서 '0 B' 로 표시됩니다. 총 바이트는 엔트리별 숫자의 합 — 압축과 청킹 때문에 네트워크 전송과 동일하진 않지만 가깝습니다.

왜 어떤 엔트리는 'failed' 인가요?

DevTools 는 응답을 못 받은 요청에 상태 0 을 할당합니다 — DNS 실패, CORS 차단, 확장 프로그램이 차단, 사용자가 중단, 네트워크 끊김. 여기서는 상태 패널에 'failed' 로 표시되고 행은 빨강.

내 HAR 가 어디로 새지 않나요?

안 새요. 파일은 브라우저의 FileReader API 로 읽고 이 페이지의 JavaScript 로 파싱됩니다. 그 내용으로 어떤 네트워크 요청도 만들지 않아요. 파일 로드된 상태에서 본인의 DevTools Network 탭을 확인해보세요 — 외부 요청이 안 보일 거예요.

관련 도구