CSR
-
[Next.js] SEO - 3. Rendering and Ranking공부 2021. 11. 3. 16:12
JavaScript는 웹 개발 생태계의 중요한 부분이다. 과거에는 대부분의 프로그래밍 언어가 모든 콘텐츠를 서버에서 직접 전송했다. JavaScript와 같은 기술을 통해 브라우저에서 정보를 가져오는 것이 그 어느때보다 대중화 되었다. 이는 대부분의 봇이 서버에서 초기 HTML만 분석하고 브라우저로 로드하기 때문에 검색 엔진과 페이지를 이해하는 능력에 영향을 미쳤다. Rendering Strategies 1. Static Site Generation (SSG) Static site generation은 빌드 시 HTML이 생성되는 곳이며, 이 HTML은 각 요청에 사용된다. Static site generation은 사전 렌더링 되기 때문에 페이지 로드에 모든 HTML이 있을 뿐만 아니라 페이지 성능에도..
-
[React] CSR과 SSR공부 2021. 9. 28. 18:18
1. CSR (Client Side Rendering) SPA가 사용하는 렌더링 방식. 최초 로딩 시, 브라우저가 서버에 HTML, CSS, JS등 각종 리소스를 받아옴. 이 리소스들은 사용자의 상호작용에 따라 JS를 동적으로 렌더링 하고, 필요에 따라 데이터를 서버에 요청해서 받아옴. 따라서 서버 부하는 줄지만, 초기 로딩이 느리고 SEO(검색어 최적화)불가.(구글 제외) 2. SSR (Server Side Rendering) 서버에서 렌더링을 마치고 완전한 HTML을 브라우저로 전달해서 렌더링. 즉, 서버에서 데이터까지 포함해 페이지를 만들어 브라우저에게 전달함. 따라서 새로운 페이지로 이동할 때마다 서버에 페이지를 요청하고 새로고침이 되어 화면이 깜빡이는 현상 발생. 초기로딩이 빠르고 SEO(검색어..