[Next.js] 이미지 로딩 속도 개선하기

목표 Next/Image의 로딩 속도가 느린 이유를 알고 속도 개선 방법 학습하기 예상 소요시간 10분 Next.js의 이미지 로딩 속도는 꽤 늦은 것으로 악명 높습니다. 실제로 저 또한 Next.js를 사용해서 프로젝트를 진행하던 도중, img 태그에선 딜레이 없이 바로 로딩되던 이미지가 Image 컴포넌트로 로딩할 땐 2초 이상 걸리는 상황을 겪은 적 있습니다. 어떻게 하면 이미지 로딩 속도를 개선할 수 있을지 방법을 알아보기 전에, 왜 Next.js의 Image 컴포넌트는 로딩 속도가 느린지 알아볼까요? 🤔 Next/Image 로딩속도가 느린 이유 Next/Image의 로딩속도가 느린 이유는, Image 컴포넌트는 기본적으로 lazy loading 방식으로 이미지를 로드하기 때문입니다. Next/I..