최적화는 같은 조건에서 닫히는 측정 실험이다

도구 목록보다 재현 조건, 병목 증거, 단일 변경, 재측정 결과가 한 기록으로 이어지는지가 중요하다.

1

기준선 고정

route · device · data before metric
2

프로파일 기록

trace · commit · CPU 시간축 증거
3

비용 귀속

render / CPU / network 병목 하나 선택
4

변수 하나 수정

one cause → one change 비교 가능성 유지
5

같은 조건 재측정

after - before keep or revert
Browser

Performance trace

Main thread·layout·network·frame 구간을 같은 시간축에서 본다.

React

Profiler commit

actualDuration과 commit 단위로 느린 subtree를 찾는다.

Node

CPU·memory profile

hot function, heap 증가, event-loop 지연을 증상에 맞춰 고른다.

TypeScript의 역할 타입은 JavaScript 출력에서 지워져 직접 빨라지지 않는다. 대신 측정 뒤 구조를 바꿀 때 계약 회귀를 줄인다.