프코

  • 홈
  • 태그
  • 방명록

app router 1

[Next.js] 최적화(데이터 패칭) 및 성능 비교

최적화란?프론트엔드에서 최적화는 웹 페이지나 애플리케이션의 성능을 개선하기 위해 자원(로딩 시간, CPU 사용량, 메모리 등)을 효율적으로 관리하고, 사용자 경험을 향상시키는 과정입니다. 주로 이미지 압축, 코드 분할, 캐싱, 비동기 로딩 등을 통해 웹 애플리케이션의 속도와 반응성을 높이는 것이 포함됩니다. 목표 (비동기 로딩 - 데이터 패칭)Next.js에서 CSR 방식과 SSR 방식을 사용하여 LightHouse 퍼포먼스 성능 비교Next.js의 CSR과 SSR 방식에서 LightHouse 성능 점수를 비교하여 각 방식의 성능을 평가합니다.CSR 방식과 SSR 방식의 초기 로딩 속도 비교CSR 방식과 SSR 방식 각각의 초기 페이지 로딩 시간을 비교하여 어떤 방식이 더 빠른지 분석합니다.CSR 방식과..

frontend 2025.01.31
이전
1
다음
더보기
프로필사진

프코

개발자로 거듭나기 위하여 학습한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (17)
    • frontend (5)
      • 디자인 패턴 (1)
    • CS (11)
      • 운영체제 (10)
      • 컴퓨터구조 (1)

Tag

데이터 패칭, 프로그램 컴파일 과정, clsx, csr, SSR, 렌더링, TAILWIND, 컴파운드 컴포넌트, 성능, 컴퓨터구조, next.js, 운영체제, 프론트엔드, 최적화, 데이터영역, app router, nextjs, CPU, 리팩터링, React,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바