배포 전 성능 문제를 빠르게 찾는 체크리스트

배포가 임박했을 때 "혹시 성능 문제는 없을까?" 하는 생각이 든다. 로컬에서 괜찮던 것도 배포 후에는 달라진다. 배포 전에 체계적으로 점검하면 불필요한 핫픽스를 줄일 수 있다.

사용자가 보는 첫 인상부터

사용자 입장에서 앱에 접속했을 때 무엇이 보이는가. 페이지 로드 시간은 합리적인가. 첫 화면을 그릴 때까지 얼마나 걸리는가.

빌드된 파일 크기 확인

npm run build

빌드 후 생성되는 파일들의 크기를 본다. 번들 크기가 갑자기 커졌다면 어떤 라이브러리 때문인지 찾는다. 트리 쉐이킹이 제대로 되고 있는지도 확인한다.

주요 경로에서 확인할 것

• 메인 페이지 로드 시간
• 검색이나 필터 기능 응답 시간
• 폼 제출 반응성
• 이미지 로딩 시간

로그 확인

빌드 과정의 경고나 에러를 모두 본다. 배포되기 전에 알아야 할 정보들이 숨어 있을 수 있다.

정상 상태 기준

"빨라야 한다"는 기준이 모호하다. 최근 배포 버전과 비교하거나, 팀에서 정한 성능 지표(예: 페이지 로드 3초 이내)를 사용한다.

작은 최적화부터

한 번에 한 가지만 수정한다. 큰 변경을 여러 개 동시에 하면 뭐가 성능을 올렸는지 알 수 없다.

배포 후 모니터링

배포했다면 모니터링 도구를 켜둔다. 실제 사용자 데이터에서 어디가 느린지 볼 수 있다. 다음에 비슷한 문제가 나올 때는 이전 기록이 큰 도움이 된다.