Next.js 11.1, 빌드 속도 2배 UP!

오픈 리다이렉트 취약점 패치 및 ES 모듈 지원을 위한 실험적 기능 추가

Rust 기반 SWC를 도입하여 빌드 속도 2배 향상 및 메모리 사용량 감소

데이터 페칭 속도 개선 및 next/image 컴포넌트 기능 강화

SWC: Babel과 Terser를 대체하는 Rust 기반 컴파일러

Next.js 11.1은 Babel과 Terser를 대체하기 위해 Rust로 작성된 SWC를 도입했다. 구체적으로 SWC는 Babel의 개별 파일 변환 속도를 50배, Terser의 코드 최소화 속도를 8배 향상시켰다. 따라서 빌드 시간 단축과 개발 생산성 향상을 기대할 수 있다.

HTTP Keep-Alive를 활용한 데이터 페칭 최적화

Next.js는 HTTP Keep-Alive를 기본적으로 활성화하여 getStaticProps를 통한 데이터 페칭 속도를 2배 향상시켰다. HTTP Keep-Alive는 여러 요청에 대해 TCP 연결 재사용을 가능하게 하여, 네트워크 오버헤드를 줄인다. 따라서 빌드 시간 단축과 사용자 경험 개선에 기여한다.

next/image 컴포넌트의 다양한 개선 사항

next/image 컴포넌트는 로딩된 이미지를 자동으로 lazy-loading하지 않도록 개선되었고, next export와 함께 사용할 수 있도록 지원한다. 또한, onLoadingComplete 이벤트를 추가하여 이미지 로딩 완료 시 콜백을 호출할 수 있도록 했다. 따라서 이미지 로딩 성능 향상과 개발 편의성 증대를 동시에 달성했다.