오늘 적어볼것은 SSR과 SSG를 어떤 상황에 사용하는 것이 좋을까? 이다
SSR
| 사용 추천 | 설명 |
|---|---|
| 데이터가 자주 바뀌고 최신 정보가 중요 | 예: 실시간 재고, 할인율, 주문 상태 등 → 요청할 때마다 최신 데이터를 포함해야 함 |
| 유저 맞춤형 정보가 포함될 때 | 예: 로그인 사용자별 상품 추천, 장바구니 상태 등 |
| 검색엔진도 최신 정보를 봐야 하는 경우 | 뉴스, 공지사항 등 인덱싱이 실시간성에 따라 달라질 때 |
SSG + ISR
| 사용 추천 | 설명 |
|---|---|
| 데이터가 자주 바뀌지 않거나, 초 단위까지 실시간일 필요는 없을 때 | 예: 하루 몇 번 갱신되는 상품 리스트, 블로그, 마케팅 페이지 |
| 검색엔진에 중요한 정보가 미리 포함되어 있으면 되는 경우 | 즉시 인덱싱보다 콘텐츠 노출이 우선일 때 |
| 빠른 로딩 속도가 중요한 랜딩/메인 페이지 | SSG는 정적 HTML이기 때문에 TTFB/LCP가 매우 빠름 |
| 페이지 수가 많지만 모두 자주 변경되진 않을 때 | ISR을 통해 인기 페이지만 갱신하고 나머진 캐시 유지 |
실무에서 사용한다면 ?
쇼핑몰 웹사이트를 만든다고 가정했을 때,
SSR
1. 로그인 후 메인/마이페이지: 유저별 맞춤 콘텐츠 필요하므로 서버에서 매 요청 처리
2. 메인 페이지 인기상품: 실시간 인기 상품 노출 필요
3. 검색 결과 페이지: 검색 결과도 SEO에 노출되게 하고싶으면 SSR 처리, 필요없으면 CSR 처리SSG
1. 메인 페이지 상품 리스트: 쇼핑몰의 전체 상품 리스트는 실시간성으로 바뀌기보다 하루에 n번 갱신하는것이 낫다 생각
2. 제품 상세 페이지: 많이 보는 상품은 SSG + ISR로 캐싱, 실시간 재고 필요하면 SSR
3. 이벤트 및 프로모션: 고정 콘텐츠, 실시간성 필요 없지만 SEO 적합