SPA vs. Hypermedia: 부하 하에서의 실제 성능
하이퍼미디어 아키텍처와 SPA(Next.js) 기반 AI 채팅 애플리케이션을 동일 조건(느린 4G, 모바일 CPU 쓰로틀링)에서 비교한 결과, 하이퍼미디어가 메인 스레드 차단을 완전히 제거하고, 전송 데이터는 26배, 인터랙티브 전환 속도는 7.5배 우수함을 확인하였습니다.
하이퍼미디어는 서버에서 HTML을 직접 렌더링하여 즉시 사용 가능하며, SPA 대비 자바스크립트 실행 시간과 메모리 사용량을 크게 줄여 모바일 환경에서 더 나은 사용자 경험과 배터리 효율을 제공합니다. 또한, 11.6배 적은 의존성, 빌드 과정 불필요, 예측 가능한 저렴한 호스팅 비용 등으로 운영 복잡성과 유지보수 비용을 크게 절감할 수 있습니다.
이 연구는 SPA가 반드시 나쁜 선택은 아니지만, 네트워크 및 디바이스 제약이 큰 환경에서는 하이퍼미디어 아키텍처가 실질적 성능과 경제성 측면에서 우위를 가진다는 점을 강조합니다. 따라서 프로젝트 요구사항에 따라 적합한 아키텍처를 신중히 선택할 필요가 있습니다.
