본문 바로가기 메뉴 바로가기

Algoroot's space

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Algoroot's space

검색하기 폼
  • 분류 전체보기 (118)
    • Python (2)
    • Frontend (4)
      • NextJS (2)
      • React (9)
      • React-native (8)
      • Typescript (0)
      • JavaScript (18)
      • Html&CSS (5)
      • Projects (5)
      • JASON (1)
      • ToyProject (6)
    • git (10)
      • monorepo (2)
      • action (0)
    • Network (6)
    • 알고리즘 (26)
      • 백준-BACKJOON (4)
      • 프로그래머스-Programmers (17)
      • leetcode (1)
      • 자료구조 (4)
    • 회고 (5)
    • Server (1)
    • 항해99 (5)
    • CS (Computer science) (10)
  • 방명록

nextjs ssr csr (1)
SSR 페이지에서 API 응답이 느리다면 어떻게 개선할 수 있을까?

안녕하세요. 이번 글에서는 프로젝트를 진행하면서 성능을 개선했던 경험을 공유하고자 합니다. 저는 현재 현 회사에서 담당한 프로젝트 중 상세 페이지에 대한 전체 부분을 담당했습니다.  설명에 앞서 상세 페이지는 동적인 페이지로 Next.js Page router의 getServerSideProps을 사용하여 SEO에 필요한 데이터를 패칭한 점을 알려드립니다.  이로인해 블로킹 현상을 겪었고, 주 원인이 API 응답 지연으로 파악이 되어 해당 부분에 대해 클라이언트 측에서 개선한 점에 대해 다루었습니다. 요청 캐시는 이미 하고 있으므로, 캐싱에 대해서는 다루지 않고, 주로 페이지 전환시 블로킹되는 현상에 대한 부분에 대한 글입니다. 꼭 원인이 API 응답 지연이 아니더라도, 서버사이드에서 동적패칭을 한다면 ..

Frontend/NextJS 2024. 1. 30. 22:05
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 자바스크립트 클로저
  • 리액트네이티브
  • 리액트
  • 항해99
  • 자바스크립트 비동기 처리
  • css
  • cs50
  • 타입스크립트
  • 네트워크
  • network
  • 모두를위한컴퓨터과학
  • 프로그래머스
  • 자바스크립트알고리즘
  • javascript
  • html
  • 프로그래머스 베스트앨범 자바스크립트
  • 실전프로젝트
  • 자바스크립트
  • github
  • React Query
  • 프로그래머스 자바스크립트
  • python
  • 무한스크롤
  • 알고리즘자바스크립트
  • 백준
  • React
  • GIT
  • reactquery
  • 클로저
  • 모두를 위한 컴퓨터 과학
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바