시나리오 고정
페이지 로드, 검색, 스크롤처럼 재현 가능한 동작을 하나 고릅니다.
기록할 시나리오를 고정하고, 병목 후보를 하나씩 줄인 뒤 같은 조건에서 다시 측정해야 실제 개선을 확인할 수 있습니다.
페이지 로드, 검색, 스크롤처럼 재현 가능한 동작을 하나 고릅니다.
Performance 탭과 Lighthouse로 타임라인과 품질 지표를 함께 봅니다.
스크립트, 레이아웃, 네트워크, 이미지 중 가장 큰 비용을 찾습니다.
코드 분할, DOM 배치, 이미지 최적화처럼 한 원인만 줄입니다.
전후 지표를 비교해 효과와 부작용을 확정합니다.
좋아 보이는 느낌보다 LCP, CLS, INP, Long Task 변화가 우선입니다.
여러 수정이 섞이면 어떤 변경이 효과를 냈는지 알기 어렵습니다.
핵심 화면은 예산과 체크리스트를 남겨 다음 배포에서도 지킵니다.