핵심 요약
SK플래닛의 Syrup 웹 게이트웨이에 WebFlux, SSE, Next.js를 도입해 비동기 처리와 렌더링 속도를 대폭 개선했습니다.
구현 방법
- WebFlux 기반 비동기/논블로킹 게이트웨이 도입 및 Mono.zip 활용
- SSE로 개별 API 응답을 프런트에 즉시 푸시
- Next.js를 도입하되 SSR 대신 SSG 중심으로 렌더링 최적화
주요 결과
- API 요청 건수 70% 이상 감소
- API 응답 속도 50% 이상 개선
- First Contentful Paint, Total Blocking Time, Speed Index 등 Lighthouse 지표 개선
- 최초 로딩 속도 3.52초 → 1.96초로 1.56초 단축
