SSR과 CSR의 차이점

서버 측 렌더링(SSR)과 클라이언트 측 렌더링(CSR)은 웹 페이지가 로드되고 표시되는 두 가지 방법입니다. 당신의 브라우저. 간단한 방법으로 분석해 보겠습니다.

1. 클라이언트측 렌더링(CSR)

• 작동 방식: 웹사이트를 열면 브라우저는 먼저 빈 HTML 페이지와 일부 JavaScript 코드를 다운로드합니다. 그러면 JavaScript가 귀하의 장치(클라이언트)에서 실행되어 화면에 웹페이지를 구축합니다.

• 예: 레고 블록 상자를 열고 지침이 제공된다고 상상해 보세요(JavaScript). 그런 다음 블록(서버에서 데이터)을 받은 후 레고 모델을 직접(웹페이지) 구축합니다.

• 장점:

  • 페이지가 로드되면 서버에서 새 HTML을 계속 로드할 필요가 없기 때문에 페이지 간 탐색이 매우 빠릅니다.
  • 페이지가 자주 다시 로드되지 않는 Facebook이나 Gmail과 같은 단일 페이지 애플리케이션(SPA)에 적합합니다.

• 단점:

  • 브라우저에서 JavaScript를 다운로드하고 페이지를 구축해야 페이지가 표시되기 때문에 첫 번째 페이지가 표시되는 데 시간이 더 오래 걸릴 수 있습니다.
  • 검색 엔진이 JavaScript로 작성된 페이지를 쉽게 읽지 못할 수 있으므로 SEO(검색 엔진 최적화)에는 적합하지 않습니다.

2. 서버사이드 렌더링(SSR)

• 작동 방식: SSR에서는 서버가 웹페이지를 구축하는 작업을 수행합니다. 웹사이트를 방문하면 서버는 완전히 구축된 HTML 페이지를 브라우저에 직접 전송하므로 즉시 표시될 수 있습니다.

장점:

• 서버가 대부분의 무거운 작업을 수행하므로 특히 느린 장치를 사용하는 사용자의 경우 초기 로드 시간이 더 빠릅니다.

  검색 엔진이 사전 구축된 HTML을 쉽게 읽을 수 있으므로 SEO에 더 좋습니다.

  • 단점:
• 각 새 페이지를 서버에서 가져와서 다시 작성해야 하기 때문에 페이지 간 이동이 느려질 수 있습니다.

  모든 사용자를 위해 모든 페이지를 구축해야 하므로 많은 사람이 동시에 웹사이트에 액세스하려고 하면 서버가 과부하될 수 있습니다.

  요약:
CSR:

브라우저는 JavaScript를 사용하여 웹페이지를 구축합니다. 한 번 로드되면 더 빨라지지만 시작 시에는 느려집니다.

SSR:
• 서버는 웹페이지를 구축하여 브라우저로 보냅니다. 처음에는 더 빠르지만 페이지 간 탐색에서는 느려집니다.
많은 최신 앱은 두 기술의
• 조합을 사용하여 두 기술의 장점을 최대한 활용합니다.

위 내용은 SSR과 CSR의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!