프론트엔드
CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기
두줄요약
react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.
핵심 내용
- react-router-dom 기반 CSR 환경에서 Suspense 사용 시 순차적 API 호출로 인한 성능 문제 발생
- 프리패칭을 적용해 데이터 대기 구간을 줄이고 렌더링 흐름 개선
- CSR과 Suspense 조합에서 발생할 수 있는 비효율 완화 경험 공유