서버 측 렌더링 (SSR) + React + Redux는 서버가 완전히 렌더링 된 페이지 및을 전송 된 HTML에 Redux 저장소의 초기 상태로 설정한다고 가정합니다. 대부분의 텍스트가 주 정부의 일부인 텍스트가 많은 페이지의 경우 같은 정보가 두 번 전송 될 것입니다 (다른 양식으로 전송 됨)? 우리가 불필요하게 페이지 크기를 두 배로 늘린다는 것을 의미하지는 않습니까?SSR (Server-Side Rendering) + React + Redux에서 페이지 크기가 두 배가됩니까?
http 응답을 압축하지 않는 경우에만 가능합니다. 이 경우 모든 초기 상태 데이터가 서버에서 렌더링 한 첫 번째 페이지의 콘텐츠와 중복되는 경우 기본적으로 클라이언트 전용 렌더링 시나리오에서 얻은 데이터와 비교하여 페이지로드 단계에서 두 배의 데이터가 제공됩니다.
엄밀히 말하면, 그 이상을 낭비 할 것입니다. 서버 렌더링 페이지에는 와이어를 통해 전송해야하는 모든 HTML 마크 업이 포함되어 있으며 클라이언트 전용 렌더링의 경우에는 표시되지 않습니다.
하지만 정말 걱정할만한 가치가 있습니까? 로드 할 다른 모든 항목 (예 : 이미지, 스타일 시트 등)에 비해 몇 킬로바이트의 데이터를 저장 하시겠습니까?
또한 앞서 언급했듯이 응답 본문의 gzip 압축을 추가 할 수 있습니다. 텍스트 압축 비율이 매우 높기 때문에 복제를 크게 줄일 수 있습니다.