Profiler는 의심이 아니라 측정으로 최적화 위치를 정한다
먼저 느린 commit과 렌더 원인을 측정하고, memoization이나 상태 분리를 적용한 뒤 같은 시나리오로 다시 확인한다.
measure
Profiler 기록
느린 commit 찾기
locate
render reason
props/state/context 확인
change
memo or split
원인에 맞게 수정
verify
same scenario
시간과 렌더 수 비교
신호
의미
대응
긴 commit
DOM 반영 비용 큼
목록 가상화
반복 render
참조 변경 많음
memo/useCallback 점검
context fan-out
consumer 과다
context 분리
효과 없음
병목 오판
다시 측정