Firefox에서 HAR 파일 생성하기

21YunBox 사용자를 위한 배경

웹사이트 성능은 내부 구성부터 외부 요인까지 다양한 요소의 영향을 받습니다 — 예: 네트워크 설정, 불안정한 인터넷 연결, 오래된 브라우저, 사용자 실수 등.

HAR(HTTP Archive) 파일은 브라우저와 웹사이트 간 상호작용의 완전한 기록을 담아, 21YunBox나 기타 요인과 관련된 성능 문제를 진단하는 데 도움이 됩니다.

지원팀에 HAR 파일을 보내 주시면 겪고 계신 문제를 해결하는 데 큰 도움이 됩니다.

HAR 파일 이해하기

HAR 파일은 브라우저와 웹사이트 간 상호작용에 대한 상세 정보를 기록하는 JSON 형식의 로그로, 네트워크·성능 문제를 진단하는 데 필수적입니다. 다음을 포함합니다:

• 웹 요청과 응답.
• HTTP 클라이언트-서버 통신의 텍스트 로그.
• 각 웹사이트 리소스의 로드 시간.

Firefox에서 HAR 파일 생성하기

Firefox에서 HAR 파일을 생성하면 브라우저-서버 상호작용을 캡처하여 웹 성능 문제를 진단하는 데 유용합니다. HAR 파일을 만드는 자세한 단계는 다음과 같습니다:

1. 캐시 지우기: 먼저 Firefox 브라우저의 캐시를 지워 새로운 데이터를 캡처할 수 있도록 하세요.

2. 웹 개발자 도구 열기: 브라우저 창 오른쪽 상단의 메뉴 버튼(가로줄 세 개)을 클릭하세요. More Tools > Web Developer > Network로 이동하세요.

3. 지속 로깅 활성화: Network 도구에서 Settings 버튼(톱니바퀴 아이콘)을 클릭하고 Persist Logs 옵션을 체크하세요. 이 설정은 페이지를 이동하거나 새로고침할 때마다 로그가 지워지는 것을 막아, 관련 데이터가 모두 캡처되도록 합니다.

4. 네트워크 트래픽 캡처: 네트워크 캡처가 실행되는 동안 웹페이지를 새로고침하고 문제를 재현하여 관련 활동이 모두 기록되도록 하세요.

5. HAR 파일 저장: 문제를 성공적으로 재현한 뒤, 네트워크 활동 패널의 아무 행에서나 우클릭하고 Save All as HAR를 선택하여 파일을 다운로드하세요.

6. 콘솔 로그 캡처(필요 시): 콘솔 로그도 필요하면 Console 탭으로 전환하여 콘솔 출력의 아무 부분에서나 우클릭하고 Select All을 선택하세요. 다시 우클릭하여 Copy를 선택한 뒤 이 내용을 텍스트 파일에 붙여넣으세요.

7. HAR 및 콘솔 파일 이메일 전송: HAR 파일과 (필요 시) 콘솔 로그 텍스트 파일을 이메일에 첨부하세요. support@21yunbox.com 또는 담당 계정 매니저에게 보내세요.

   참고: HAR 파일이나 텍스트 파일이 크면 보내기 전에 ZIP 파일로 압축하는 것을 고려하세요.

이 단계를 따르면 21YunBox 지원팀이 문제를 더 효과적으로 진단·해결하는 데 도움이 됩니다.