유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

This is how I Made My Next.js Application 10x Faster

Jan Marshal

2025. 7. 17.

0

#frontend
#backend
  • use client 지시어 사용을 최소화하여 React Server Components를 최대한 활용, JavaScript 번들 크기 감소 🚀.
  • Next.js Image 컴포넌트를 사용하여 이미지 크기를 최적화하고 로딩 속도 향상 🖼️.
  • moment.js 대신 내장 JavaScript API를 사용하여 불필요한 라이브러리 크기 줄이기 ⏱️.
  • 스트리밍을 통해 UI의 중요한 부분을 먼저 렌더링하고 데이터 로딩을 Suspense로 처리하여 사용자 경험 개선 ⏳.
  • 서버 컴포넌트에서 데이터 페칭은 레이아웃이 아닌 페이지에서 수행하여 성능 문제 방지 ⚙️.

Recommanded Videos