Next.js 이미지 최적화, 더 빠른 웹 경험 제공하기

안녕하세요. 지금까지 별장 예약 서비스를 운영하면서 이미지 처리에 대해 많은 고민이 있었는데요. 보다 효율적으로 이미지를 최적화하기 위해 고민했던 방법에 대해 여러분들께 공유하고 글을 작성하게 되었습니다. 이번 포스트를 통해 웹 프로젝트를 개선하고 클라이언트에게 더 좋은 경험을 제공하는 데 도움이 되기를 바랍니다.

• Next.js의 next/image 컴포넌트를 사용하여 이미지 최적화 하자.
• Squoosh 대신 Sharp 라이브러리를 사용하고, AVIF 형식을 사용하자.
• 이미지 캐싱을 올바르게 설정하여 페이지 로딩 시간을 최소화하고 성능을 향상시키자.

자세한 내용은 아래 링크에 있습니다. :)

👉🏻Next.js 이미지 최적화, 더 빠른 웹 경험 제공하기