performance trace

성능 개선 병목 추적

페이지가 느리다는 말만으로는 고칠 수 없습니다. 로딩, 스크립트, 렌더링, 이미지, 네트워크 중 어느 구간이 긴지 측정합니다.

분석 순서
01Record 02Network 03Main thread 04Layout 05Measure again
로딩 시간

큰 파일, 지연된 요청, 캐시 미사용이 초기 표시를 늦춥니다.

스크립트 비용

긴 task와 반복 계산은 입력 반응성을 떨어뜨립니다.

렌더링 비용

강제 reflow, 큰 이미지, 잦은 스타일 변경은 프레임을 끊습니다.

재측정

수정 뒤 같은 조건으로 다시 기록해야 개선 여부가 증명됩니다.