시나리오 고정
페이지 로드, 검색, 스크롤처럼 재현 가능한 동작을 하나 고릅니다.
기록할 시나리오를 고정하고, 병목 후보를 하나씩 줄인 뒤 같은 조건에서 다시 측정해야 실제 개선을 확인할 수 있습니다.
페이지 로드, 검색, 스크롤처럼 재현 가능한 동작을 하나 고릅니다.
Performance 탭과 Lighthouse로 타임라인과 품질 지표를 함께 봅니다.
스크립트, 레이아웃, 네트워크, 이미지 중 가장 큰 비용을 찾습니다.
코드 분할, DOM 배치, 이미지 최적화처럼 한 원인만 줄입니다.
전후 지표를 비교해 효과와 부작용을 확정합니다.
핵심성능 프로파일링 운영 루프은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.