Skip to content

perf: 운영 화면 라우트 코드 스플리팅 - #283

Draft
hywznn wants to merge 1 commit into
mainfrom
perf/route-code-splitting
Draft

perf: 운영 화면 라우트 코드 스플리팅#283
hywznn wants to merge 1 commit into
mainfrom
perf/route-code-splitting

Conversation

@hywznn

@hywznn hywznn commented Aug 8, 2026

Copy link
Copy Markdown
Contributor

배경

현재 main은 모든 운영 화면을 초기 번들에 포함해 빌드 시 500KB 초과 경고가 발생하고 첫 화면에서도 사용하지 않는 페이지 코드를 함께 내려받습니다.

변경 내용

  • 인증 이후 운영 페이지를 React.lazy 기반 페이지 청크로 분리합니다.
  • RouteTransition에 Suspense 로딩 상태를 추가합니다.
  • 로딩 상태를 role=status로 제공해 보조기기가 인식하도록 합니다.
  • prefers-reduced-motion 환경에서는 화면 전환과 로딩 점 애니메이션을 비활성화합니다.

성능 영향

  • 초기 JS 번들: 약 594KB에서 312KB로 감소
  • Case, Review, Create, WorkList, Dashboard 등 운영 화면을 개별 청크로 분리
  • 500KB 번들 경고 제거

검증

  • RouteTransition 테스트: 2 tests passed
  • 전체 테스트: 71 files, 357 tests passed
  • npm run lint
  • npm run build

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant