PERFORMANCE PROFILE

성능 프로파일링은 느린 느낌을 측정 가능한 병목으로 바꾸는 과정이다

Performance 탭과 Lighthouse를 함께 보면 로딩, 스크립트, 렌더링, 메모리 문제를 분리해 최적화할 수 있다.

Record

문제가 나는 사용자 시나리오를 기록해 CPU, FPS, 네트워크 흐름을 남긴다.

Main Thread

Long Task와 Flame Chart로 어떤 함수와 렌더링 작업이 오래 걸렸는지 본다.

Lighthouse

FCP, LCP, CLS 같은 지표와 자동 개선 제안을 확인한다.

Optimize

JS 실행, DOM 조작, 이미지, 캐시, 애니메이션 비용을 우선순위대로 줄인다.

실무 기준: 하나의 병목 후보를 고쳐 다시 측정해야 개선 효과를 확인할 수 있다.