FRONTEND PROFILING

느린 화면은 기록, 분류, 수정, 재측정 순서로 잡는다

Performance 탭과 React Profiler는 추측 대신 측정값으로 최적화 지점을 고정합니다. 먼저 실제 사용자 행동을 기록하고, 렌더링·네트워크·스크립트 병목을 나눠 가장 큰 지점부터 줄입니다.

1. record 사용자 행동 녹화 페이지 로드, 클릭, 스크롤처럼 실제 느린 순간을 Performance 탭에 남깁니다.

2. classify 긴 작업 분류 Main 스레드, FPS 드롭, 네트워크 지연 중 어디가 병목인지 나눕니다.

3. optimize 원인별 수정 memo, 가상화, 코드 스플리팅, 이미지 최적화를 원인에 맞춰 적용합니다.

4. compare 전후 비교 같은 행동을 다시 기록해 프레임, 실행 시간, 요청 크기가 줄었는지 봅니다.