Connor Clark
실적 트레이스는 실적 패널에서 저장하여 나중에 다시 로드할 수 있습니다. 이는 성능 문제를 디버깅할 때 다른 개발자 또는 향후의 자신과 공유하는 데 유용합니다.
페이지에서 찾은 모든 스크립트 콘텐츠와 소스 맵의 사본과 함께 트레이스를 저장할 수도 있습니다. 이렇게 하면 나중에 트레이스를 가져올 때 더 나은 디버깅 환경을 사용할 수 있습니다.
스크립트 콘텐츠 또는 소스 맵이 포함된 트레이스가 성능 패널에 로드되면 새 탭이 열립니다. 이 DevTools 탭에는 성능 및 소스 패널이 포함되어 있습니다.
성능 트레이스를 저장하는 설정
녹화 파일을 저장하고 나중에 주석이 추가된 성능 결과를 공유하려면 성능 패널 상단의 작업 표시줄에서 다운로드를 클릭하고 트레이스 저장을 선택합니다. 다음 옵션이 표시됩니다.
- 주석 포함
- 리소스 콘텐츠 포함
- 스크립트 소스 맵 포함
- gzip으로 압축
| 설정 | 설명 | 기본 | 사용 설정해야 하는 이유 | 사용 중지해야 하는 이유 |
|---|---|---|---|---|
| 주석 포함 | 참고: 이 옵션은 페이지에 주석이 있는 경우에만 포함됩니다. 저장된 트레이스 파일에 주석을 포함할지 여부를 제어합니다. |
사용 | 주석은 트레이스를 설명하거나, 트레이스의 특정 중요한 부분을 강조 표시하거나, 추가 조사가 필요한 부분에 대해 질문하는 데 유용합니다. | 주석에는 자체 작업이 포함되어 있어 다른 개발자에게는 관련성이 없을 수 있습니다. 주석 없이 저장하는 대신 관련 주석을 포함하도록 주석을 정리하세요. |
| 리소스 콘텐츠 포함 | 트레이스를 로드할 때 HTML, JavaScript 파일, CSS의 콘텐츠가 저장된 트레이스 파일에 포함되어 소스 패널에서 볼 수 있는지 여부를 제어합니다. 참고: 확장 프로그램은 성능 디버깅에 거의 도움이 되지 않지만 민감한 정보 (예: 비공개 회사 확장 프로그램)를 포함하는 경우가 많으므로 이 옵션을 사용 설정해도 확장 프로그램 스크립트 콘텐츠는 포함되지 않습니다. 하지만 확장 프로그램 스크립트의 프로파일링 데이터는 성능에 영향을 줄 수 있으므로 트레이스에 저장됩니다. |
사용 안함 | 소스 패널을 사용하면 라인 기반 런타임 비용을 비롯해 페이지에서 실행된 리소스를 볼 수 있습니다. 성능 패널은 소스 패널의 특정 라인 (예: 불꽃 차트의 함수 호출 또는 하향식/호출 트리 표)에 연결될 수 있습니다. 일부 성능 통계에는 분석을 위한 스크립트 콘텐츠가 필요합니다. 참고: 리소스 콘텐츠가 민감한 정보라고 생각되면 트레이스 파일도 민감한 정보로 취급해야 합니다. |
더 나은 성능 패널 환경 (예: 소스 패널에 실행된 스크립트 표시)보다 작은 추적 파일을 선호하는 경우 사용 중지합니다. 리소스 콘텐츠에 추적 파일에서 공유하고 싶지 않은 민감한 정보가 포함되어 있는 경우 사용 중지합니다. 소스 파일은 페이지에 액세스할 수 있는 모든 사용자가 볼 수 있으므로 이러한 경우는 매우 드물지만, 서버가 현재 사용자를 기반으로 페이지에서 실행되는 JavaScript에 비밀번호를 삽입하는 경우 이러한 스크립트 콘텐츠가 포함된 트레이스 파일을 민감한 파일로 취급하세요. 또한 공개되지 않은 내부, 인트라넷 애플리케이션의 경우 소스 파일을 공유하지 않는 것이 좋습니다. |
| 스크립트 소스 맵 포함 | 참고: 이 옵션은 리소스 콘텐츠 포함이 사용 설정된 경우에만 사용할 수 있습니다. 컴파일되거나 축소된 프로덕션 콘텐츠 파일과 함께 작성된 소스 코드 파일에 대한 매핑이 포함됩니다. |
사용 안함 | 성능 패널은 소스 맵을 활용하여 작성된 함수 이름을 표시합니다. 소스 패널에는 페이지 파일 목록에 작성된 모든 파일이 표시됩니다. 일부 성능 통계에는 분석을 위해 소스 맵이 필요합니다. 이 설정을 사용 설정하고 소스 맵을 민감한 정보로 간주하는 경우 트레이스 파일도 민감한 정보로 취급해야 합니다. |
더 나은 성능 패널 환경 (예: 성능 불꽃 차트에서 함수의 실제 이름 보기)보다 작은 추적 파일을 선호하는 경우 사용 중지합니다. 소스 맵이 민감하다고 생각하고 (예: 내부 네트워크에만 소스 맵을 제공하고 공용 인터넷에는 제공하지 않음) 추적 파일이 있는 사용자에게 소스 맵이 노출되지 않도록 하려면 사용 중지합니다. |
| gzip으로 압축 | 참고: Chrome 142부터는 기본값입니다. | 사용 | 성능 트레이스는 상당히 클 수 있으며 이를 압축하면 디스크 공간이 절약되고 DevTools에서 더 빠르게 업로드하고 처리할 수 있습니다. | 텍스트 편집기 등에서 이러한 파일을 열어 특정 추적 이벤트를 보려는 경우 파일을 더 쉽게 열 수 있도록 gzip 압축 없이 저장하는 것이 좋습니다. |