반응형
snowman95
코딩수련장
snowman95
전체 방문자
오늘
어제
  • 분류 전체보기 (229)
    • 앱테크 (3)
    • 옵시디언 (5)
    • 드라마, 영화 (1)
    • 개발자 이야기 (23)
    • 프로젝트 (10)
      • 프로젝트 방법론 (7)
      • 프로젝트 기록 (2)
      • Github (1)
    • 개발 지식 (0)
      • 디자인 패턴 (0)
    • 프론트엔드 개발 (5)
      • 테크트리 (2)
      • React.js (19)
      • ReactNative (2)
      • Next.js (6)
      • GraphQL (6)
      • 패키지 매니저 (2)
      • 라이브러리 (3)
      • 상태관리 라이브러리 (4)
      • Web 지식 (3)
      • HTML CSS (26)
      • Javascript (16)
      • 도구 (Tool) (3)
      • 성능 최적화 (1)
      • 디자인시스템 (0)
    • Python (53)
      • 모음집 (1)
      • 문법 (12)
      • 라이브러리 (15)
      • 알고리즘 (10)
      • 백준 문제풀이 (9)
      • 코딩테스트 (2)
      • 도구 (Tool) (3)
    • C++ (20)
      • 알고리즘 (6)
      • 삼성SW기출 (6)
      • 삼성 A형 (6)
    • 데이터사이언스 (1)
    • 인프라 (9)
      • 하드웨어 지식 (4)
      • Ansible (2)
      • Database (2)
      • 쉘스크립트 (1)
    • 주식 (0)
    • 취업 준비 (4)
      • 취업 이야기 (0)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • 기계식키보드 #nuphy
  • Next.js #graphql #tailwind.css
  • 전공요약
  • 백준
  • 삼성SW역량테스트
  • 티스토리챌린지
  • 전공 요약 #데이터베이스
  • 전공 요약 #운영체제
  • 오블완
  • C++
  • 공간복잡도
  • 언어
  • 삼성SDS
  • nextjs
  • 전공 요약 #네트워크
  • 나의 해방일지
  • A형
  • 알고리즘
  • GraphQL
  • 면접

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
snowman95

코딩수련장

서버사이드 렌더링를 사용하더라도 결국 다운받는 HTML 파일 크기를 줄여야 사용자에게도 구글봇에게도 유리하다.
프론트엔드 개발/React.js

서버사이드 렌더링를 사용하더라도 결국 다운받는 HTML 파일 크기를 줄여야 사용자에게도 구글봇에게도 유리하다.

2023. 2. 5. 19:36
728x90
반응형

서버사이드 렌더링를 사용하더라도 결국 다운받는 HTML 파일 크기를 줄여야 사용자에게도 구글봇에게도 유리하다.

 

GitHub - yeonjuan/dev-blog: 개발 블로그, 공부한거 정리

개발 블로그, 공부한거 정리. Contribute to yeonjuan/dev-blog development by creating an account on GitHub.

github.com

 

사이트 접속시 리액트 자바스크립트 파일을 다운로드 받는동안 서버에서 미리 렌더링해둔 HTML 파일을 먼저 다운받아서 화면에 보여주는 서버사이드 렌더링을 사용하더라도 결국 다운로드 받는 HTML 파일의 크기를 줄이는것이 사용자에게도 구글봇에게도 유리하다는 내용입니다.

해결책은 애초에 graphql를 사용하여 DB에서 필요한 필드만 가져오고 서버쪽에서 데이터를 집계하여 딱 필요한 형태로 클라이언트에 전달하는 것이라고 하네요.

 

 

반응형
저작자표시 비영리 동일조건 (새창열림)

'프론트엔드 개발 > React.js' 카테고리의 다른 글

리액트 컴포넌트를 pdf 파일로 저장하기 (html2canvas, jspdf)  (4) 2023.07.12
React Query 캐시 초기화 후 다시 받아오기  (0) 2023.06.14
Jotai 와 Zustand 는 무엇이 다른가요?  (0) 2023.02.05
웹 프론트엔드 유용한 링크 모음  (0) 2023.02.04
자바스크립트 모듈 & 번들러 (CommonJS, AMD, ESModule, Webpack, Rollup, Parcel, esbuild, swc, vite, turbopack)  (0) 2023.01.28
    '프론트엔드 개발/React.js' 카테고리의 다른 글
    • 리액트 컴포넌트를 pdf 파일로 저장하기 (html2canvas, jspdf)
    • React Query 캐시 초기화 후 다시 받아오기
    • Jotai 와 Zustand 는 무엇이 다른가요?
    • 웹 프론트엔드 유용한 링크 모음
    snowman95
    snowman95
    (17~19) Unity/Unreal Engine 게임 프로그래머 (20~21) System Administrator ___________ (22~) React 웹 프론트앤드 개발자 __________ 깃헙 : https://github.com/snowman95

    티스토리툴바