next.js 13.4 / 13.5.6 / 14.0.2 로컬 구동 시간 비교

팀원분 중에 13.5.6 으로 업데이트를 진행 하신분이 계셔서 관심이 생겨 어느정도 차이가 나는가 진행하고 있는 프로젝트에서 비교해보는 시간을 갖게 됐습니다. 기존 프로젝트는 비교적 최신 버전인 13.4.19 버전을 사용하고 있었습니다 (App Router).

 

13.5.6 등장

우선 가장 관심이 갔던건 Optimized Package Imports 였지만 대부분 내용들이 DX 퍼포먼스 향상에 관한 이야기입니다.

Next.js 13.5 improves local dev performance and reliability with:

• 22% faster local server startup: Iterate faster with the App & Pages Router
• 29% faster HMR (Fast Refresh): For faster iterations when saving changes
• 40% less memory usage: Measured when running next start
• Optimized Package Imports: Faster updates when using popular icon and component libraries
• next/image Improvements: <picture>, art direction, and dark mode support
• And over 438 bugs patched!

https://nextjs.org/blog/next-13-5

 

14.0.2 등장

TurboPack의 퍼포먼스 개선에 관한 이야기고, Server Actions가 Stable 하다는 내용입니다.

As we announced at Next.js Conf, Next.js 14 is our most focused release with:

• Turbopack: 5,000 tests passing for App & Pages Router
  • 53% faster local server startup
  • 94% faster code updates with Fast Refresh
• Server Actions (Stable): Progressively enhanced mutations
  • Integrated with caching & revalidating
  • Simple function calls, or works natively with forms
• Partial Prerendering (Preview): Fast initial static response + streaming dynamic content
• Next.js Learn (New): Free course teaching the App Router, authentication, databases, and more.

https://nextjs.org/blog/next-14

 

13.4 / 13.5.6 / 14.0.2 비교

	Next 버전	로컬 구동 시간	compiled /developer
기존	13.4.19	Ready in 7.5s Ready in 6.9s Ready in 7.2s	Compiled /(root)/developer/(root)/page in 633ms Compiled /(root)/developer/(root)/page in 545ms Compiled /(root)/developer/(root)/page in 822ms
테스트1	14.0.2	Ready in 8s Ready in 7.4s Ready in 7.3s	Compiled /developer in 856ms Compiled /developer in 625ms Compiled /developer in 846ms
테스트2	13.5.6	Ready in 6.8s Ready in 6.6s Ready in 7.4s	Compiled /(root)/developer/(root)/page in 452ms Compiled /(root)/developer/(root)/page in 354ms Compiled /(root)/developer/(root)/page in 1076ms

테스트는 next dev를 실행 했을 때 로컬 구동시간과 root에서 다른 페이지로 이동했을 때 compiled 시간을 측정하였습니다.
13.4.19에서 13.5.6으로의 업데이트는 20~30%의 향상이 나타났지만, 신기하게도 14.0.2로 가면서 오히려 퍼포먼스가 13.4.19보다도 안좋아졌습니다. 향상된 내용은 기록이 됐지만 감소한건 적어주지 않았네요. 🧐