CSR (Client Side Rendering)

• TTI = TTV -> app.js의 경량화
• index.html 요청 -> 기타 파일(js, fw) 요청(too Big) -> rendering
• △ 첫 loading 시간이 길다
• △ 페이지 케싱 비효율적
• △ SEO 비효율적 => PrerenderIO를 이용해 해결 가능

SSR (Server Side Rendering)

• 정적 파일 + 자바스크립트 파일
• TTI > TTV
• SEO 효율적
• 페이지 로딩이 빠름
• △ Blinking Issue
• △ Server Overhead
• △ js 파일이 다운로드 되기 전에는 동적으로 작동하지 않음

SSG (Static Site Generation)

• Gatsby
• NextJS

※ SEO : Search Engine Optimization