서버의 부담을 줄이기 위해 CSR을 사용하는 방법도 있습니다. 대부분의 웹 페이지는 모든 데이터가 포함된 완성형 HTML 파일을 서버로부터 받아 보여주는데, 이러한 방식을 서버 사이드 렌더링(SSR, Server Side Rendering), 간단히 SSR이라고 합니다. 렌더링이란 웹 브라우저가 코드를 해석해 화면에 표시하는 것을 말합니다. 서버가 완성된 HTML 파일을 넘겨주면 웹 브라우저는 화면에 표시만 하면 됩니다. 이렇게 하는 것은 검색 로봇이 웹 페이지의 내용을 파악해 검색 결과에 노출시키도록 하기 위함입니다.

하지만 SSR 방식은 서버에서 처리하는 로직이 많아질수록 HTML 파일을 완성하는 속도가 느려집니다. 즉 웹 페이지가 느리게 표시됩니다. 그래서 서버의 부담을 줄이기 위해 클라이언트에서 HTML 파일을 완성하는 방식이 고안됐는데, 이를 클라이언트 사이드 렌더링(CSR, Client Side Rendering), 간단히 CSR이라고 합니다.

CSR 방식은 하나의 웹 페이지만 불러오고, 웹 페이지를 이동할 때 변경이 필요한 부분만 자바스크립트를 이용해 바꿔치기합니다. 웹 페이지를 하나만 불러온다고 해서 싱글 페이지 애플리케이션(SPA, Single Page Application)이라고도 합니다. CSR은 웹 페이지에서 필요한 부분만 바꿔치기하는 구조라 빠른 속도의 서비스를 제공할 수 있습니다.