[ 4주차 ] 서버사이드 렌더링에 대하여

[bread1022]

주제

서버사이드 렌더링에 대하여

선정 이유

SSR, CSR 비교하고 기억해두기 위함!

책 내용 (p264~)

CSR

1. 최초 페이지에 데이터를 불러와 초기 로딩 속도가 느림
2. 로딩 이후에는 서버를 거쳐 필요한 리소스를 받아올 일이 적기 때문에 빠른 사용자 경험 제공
3. JavaScript 활성화 필수이기 때문에 사용자 디바이스 성능에 의존적임

SSR

1. 최초 페이지 로딩 속도가 빠름 (TTV good)
2. SEO최적화에 유용함 - 검색 엔진이 페이지에 진입하여 다운로드한 HTML 내부 open graph, meta data를 기반으로 페이지의 검색 정보를 가져오고 이를 검색 엔진에 저장하기 때문에 서버사이드렌더링으로 미리 만든 HTML을 빠르게 응답할 수 있음
3. 누적 레이아웃 이동이 적음 - 페이지 콘텐츠가 API 요청에 의존할 경우 요청이 모두 완료된 이후에 완성된 페이지를 제공하기 때문에 레이아웃의 이동이 적음
4. 민감한 작업을 서버에서 수행할 수 있어 보안에 안전함

---

• 클라이언트에서 발생하는 모든 무거운 작업을 서버에 미루고 서버에서 무거운 작업이 이뤄진다고 해서 성능 문제가 해결되지 않음. 잘못된 웹페이지 설계는 성능 개선은 커녕 관리 포인트만 늘어나는 역효과를 낳을 수 있기 때문에 사용자에게 우선순위에 따라 페이지의 내용을 페이지를 잘 설계하는 것이 중요함!
• 즉, 웹 페이지의 설계와 목적, 우선순위에 따라 SPA, SSR을 고려하는 것이 중요함!