프론트엔드 프로파일링 판단 기준
Performance 탭과 React Profiler는 추측 대신 측정값으로 최적화 지점을 고정합니다. 먼저 실제 사용자 행동을 기록하고, 렌더링·네트워크·스크립트 병목을 나눠 가장 큰 지점부터 줄입니다.
사용자 행동 녹화
페이지 로드, 클릭, 스크롤처럼 실제 느린 순간을 Performance 탭에 남깁니다.
긴 작업 분류
Main 스레드, FPS 드롭, 네트워크 지연 중 어디가 병목인지 나눕니다.
원인별 수정
memo, 가상화, 코드 스플리팅, 이미지 최적화를 원인에 맞춰 적용합니다.
전후 비교
같은 행동을 다시 기록해 프레임, 실행 시간, 요청 크기가 줄었는지 봅니다.
Performance
긴 task, layout, paint, FPS 하락을 타임라인에서 확인합니다.
핵심프론트엔드 프로파일링 판단 기준은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.