csr 장점
단점
initial loading may take too long
bad SEO(Search Enging Optimization)
body는 텅텅비어져있다.검색엔진이 분석하는데 시간이 오래걸린다. ssr은 분석을 해서 SEO가 좋다
ssr 장점(ttv가 tti 보다 먼저 일어남)(최종적으로 자바스크립트를 서버에서 받아와야지만 클릭과같은 상호작용이 가능해짐)
사용자가 사이트를 볼수있는시간과 인터렉트 할수있는 시간간의 공백이 존재함.
initial page load is faster than csr
모든 컨텐츠가 html에 담겨있엇 SEO좋음
문제점
Blinking issue,
전체적인 웹사이트를 서버에서 다시 받아오는것과 동일하기때문에 썩 좋지 않은 UX
서버의 과부하가 걸리기 쉽다. 사용자가 많은 제품일수록 사용자가 클릭을 할대마다서버에 요청해서 서버에서 필요한 데이터를 가져와서 html을 만들어야하므로서버 과부하 걸리기쉬움
사용자가 빠르게 웹사이트를 확인할순있지만 동적으로 처리하는 자바스크립트를 아직 다운로드받지못해서여기저기 클릭햇을때 반응이 없는 경우가 발생할수있음
csr : ttv(time to view),tti(time to interact0동시에
ttv, tti를 고려해야한다. 얼마나 사람이 많냐, web이 표시된순간부터 사용자가 어떤 상호작용을 바라는지로 따져야한다.
Front-Dev