프론트엔드 성능 예산(Performance Budget) 체크리스트
레이아웃 깨짐과 로딩 지연을 줄이기 위해 팀 단위로 적용 가능한 성능 예산 체크리스트를 제공합니다.
· 1분 읽기
성능 이슈는 기능 구현 직후보다 트래픽이 늘어난 뒤에 크게 드러나는 경우가 많습니다. 그래서 개발 초기에 성능 예산을 수치로 정의하고, PR 단계에서 자동 점검하는 흐름이 중요합니다.
대표적인 기준은 아래와 같습니다.
- 첫 화면 JS 총량 제한
- 이미지 포맷/크기 정책 고정
- 폰트 로딩 전략 통일
- CLS 방지를 위한 미디어 영역 예약
기준이 문서화되어 있으면 신규 기능 추가 시에도 품질 하락을 빠르게 감지할 수 있습니다.