Chrome DevTools로 고급 네트워크 분석

Jecelyn Yeen

성능 병목 현상을 찾고, 팝업을 디버그하고, 네트워크 조건을 구성하고, 바로가기를 사용하여 네트워크 요청 시작 조건을 확인하는 방법을 비롯한 고급 네트워크 패널 기법을 살펴보세요.

동영상을 시청하여 다음 작업을 수행하는 방법을 알아보세요.

  • 폭포식 차트, 타이밍, 개요를 사용하여 성능 병목 현상을 찾습니다.
  • 팝업의 전체 네트워크 활동을 캡처합니다.
  • 스크린샷을 캡처하고 리소스 유형과 mkore에 색상 코드를 지정하도록 네트워크 설정을 맞춤설정합니다.
  • 사용자 에이전트, 콘텐츠 인코딩 등을 시뮬레이션하도록 네트워크 조건을 구성합니다.
  • 네트워크 요청 시작자를 확인합니다.

자세한 내용은 다음을 참고하세요.