안녕하세요. 단일 페이지 로드시에 잦은 데이터 호출 때문에 최적화 방법에 궁금증이 생겨서요..
현재 세팅 :
Frontend - next.js
Backend - next.js + node.js
DB - mongo db
현재 몽고db를 사용하면서 가져온 데이터를 프론트엔드 스택인 next.js 에서
SSR (서버 컴포넌트) 방식으로 페이지를 로드하고 있는데요,
다루는 데이터의 가짓수가 늘어나니 한 페이지를 로드하는데
잦은 GET 요청으로 페이지 로드가 점점 느려져서요..
(게시글, 유저정보, 댓글, 좋아요, 대댓글, 조회수 등을 개별 컬렉션으로 구성한 상태로 하나의 포스트 정보 페이지 로드시 여러번의 API 요청 발생)
개별 컬렉션에서 데이터 참조는 SQL에서 JOIN 방식처럼 구성하여 사용하고 있는데,
단일 페이지 로드시 API 요청 횟수를 줄이고, 로딩 속도를 올리려면 한 도큐먼트에다가 데이터들을 다 때려박는게 좋을까요?