HAR 파일 워터폴 분석기
브라우저 DevTools에서 내보낸 .har 파일을 업로드하면 각 요청의 타이밍 데이터로 구성된 실제 요청 워터폴과 함께, 캐시 헤더 누락, 압축되지 않은 응답, 렌더 차단 스크립트를 검사합니다.
🔒 전적으로 귀하의 브라우저에서 처리됩니다. 여기에 입력하는 어떤 것도 업로드되지 않습니다.
결과
HAR(HTTP Archive) 파일은 페이지 로드 중 브라우저 DevTools의 Network 패널이 기록한 모든 정보를 담은 JSON 내보내기 파일입니다. 모든 요청 및 응답 헤더, 각 응답 본문의 정확한 크기와 MIME 유형, 그리고 요청별 타이밍 상세 정보가 포함됩니다. Chrome, Firefox, Edge, Safari에서 DevTools를 열고 Network 탭에서 페이지를 새로고침한 뒤, 요청 목록에서 오른쪽 클릭하여 "Save all as HAR with content"를 선택하면 만들 수 있습니다. 이 도구는 내보낸 파일을 직접 읽으며, 어떠한 재요청도 하지 않습니다.
워터폴 차트는 파일 안에 이미 포함된 데이터로만 구성됩니다. 각 항목의 timing 객체는 요청을 blocked, DNS lookup, connect, SSL/TLS negotiation, send, wait(TTFB), receive 단계로 나누며, 각 단계는 자신만의 색상 구간으로 그려집니다. HAR 명세에 따라 SSL 시간은 connect에 포함되어 있으므로 먼저 차감하여 이중 계산을 방지하고, 막대 너비가 요청의 실제 지속 시간과 일치하도록 합니다. DOMContentLoaded 및 Load 마커는 파일 자체의 페이지 타이밍을 읽어 점선 세로선으로 표시되므로, 페이지가 인터랙티브 해지기 전에 완료된 요청을 정확히 파악할 수 있습니다.
차트 외에도 이 도구는 HAR 형식에 이미 기록된 필드를 기반으로 세 가지 확인 규칙을 실행합니다. Cache-Control 또는 Expires 헤더가 없는 캐시 가능한 응답(상태 200, 203, 206)을 찾아, 재방문 시 처음부터 다시 다운로드해야 하는 항목을 표시합니다. Content-Encoding 없이 제공된 1KB 초과 텍스트 기반 응답(HTML, CSS, JavaScript, JSON, SVG 등)을 표시합니다. 이는 대부분의 서버에서 설정 한 줄로 활성화할 수 있는 손쉬운 압축 기회입니다. 또한 페이지의 DOMContentLoaded 오프셋보다 먼저 시작된 CSS 또는 JavaScript 요청을 렌더 차단 자산의 전형적인 패턴으로 표시합니다.
이 모든 작업은 업로드한 파일 안에 이미 있는 데이터로만 실행됩니다. 네트워크 접근, 외부 조회 서비스, 원본 페이지 재요청이 전혀 없습니다. HAR 파일은 브라우저 탭에서 완전히 읽고 파싱하여 렌더링되며, 어디에도 업로드되지 않습니다.