DevTools로 성능 트레이스 기록 및 분석

Jecelyn Yeen

DevTools의 성능 패널을 사용하여 성능 문제를 진단합니다. 트레이스를 기록하면 웹사이트의 로드 프로세스와 런타임 동작을 자세히 살펴보고 병목 현상과 최적화할 영역을 파악할 수 있습니다.

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

  • 성능 트레이스를 기록하여 Core Web Vitals 문제를 조사하는 방법
  • 성능 트레이스의 일부로 이동하여 확대합니다.
  • 네트워크 활동을 분석합니다.
  • 통계 사이드바를 사용하여 트레이스 중 가장 관련성이 높은 부분에 집중하세요.
  • 주석을 사용하여 다른 개발자와 공동작업하여 성능 문제를 해결합니다.

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