Pareto 프레임워크, Data Loading 워크로드에서 Next.js 대비 9.3배 높은 처리량 달성

Context

기존 SSR 프레임워크는 Data Loading 워크로드에서 Next.js가 초당 293개 요청만 처리하는 제약이 있다. 대량의 데이터 로딩이 필요한 SaaS 대시보드에서 성능 병목이 발생한다.

Technical Solution

• Pareto → Vite 기반 경량 streaming-first React SSR 프레임워크로 설계
• Data Loading 시나리오 → loader 함수 최적화로 9.3배 처리량 향상
• Streaming SSR 시나리오 → defer()와 Suspense 조합으로 6.5배 높은 유지 가능 QPS
• 클라이언트 번들 크기 → 62 KB (Next.js 대비 1/4 수준)

Impact

• Data Loading 처리량: 293 req/s (Next.js) → 2,733 req/s (Pareto), 9.3배 증가
• Streaming SSR 유지 가능 QPS: 310 req/s (Next.js) → 2,022 req/s (Pareto), 6.5배 증가
• 월간 인프라 비용: $1,240 (Next.js) → $160 (Pareto), 87.7% 절감

Key Takeaway

Streaming-first 아키텍처와 Vite 기반 번들 최적화를 통해 SSR 워크로드에서 Next.js 대비 著的性能 우위 확보 가능